@charset "utf-8";

/* 메인 배너 ----------------------------------------------------------- */

#main_banner{
	position: relative;
}
.main_banner_img > li .main_b_model img{
	width: 100%;
	height: 700px;
	object-fit: cover;
	position: relative;
}
.main_over{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.main_banner_content{
	padding-top: 100px;
}
.main_banner_content > li:nth-child(1) img{
	max-width: 421px;
	top: 175px;
}
.main_banner_content li:nth-child(2){
	font-family: "Lora", serif;
	font-size: 35px;
	font-weight: 600;
	color: #556991;
	padding-top: 80px;
}
.main_banner_content li:nth-child(3){
	font-size: 45px;
	font-weight: 600;
	color: #000434;
	padding-top: 20px;
}
.main_banner_content li:nth-child(4), .main_banner_content li:nth-child(5){
	font-size: 20px;
	font-weight: 400;
	color: #556991;
}

.main_bm_btn a{
	position: relative;
	display: block;
}
.main_bm_btn a span{
	position: absolute;
}
.main_bm_btn a span:nth-child(1){
	width: 40px;
	height: 40px;
	background: #B2C3E4;
	border-radius: 50%;
	margin-left: 288px;
	margin-top: 30px;
}
.main_bm_btn a span:nth-child(2){
	color: #687A86;
	left: 210px;
    top: 35px;
}
.main_bm_btn a span:nth-child(3){
	left: 310px;
    top: 44px;
}
.main_bm_btn.on a span:nth-child(3){
	left: 325px;
	transition: 0.4s;
}
.main_bm_btn a span:nth-child(3) img{
	width: 47px;
}
.main_over_2{
	position: relative;
}
.main_over_2 ul li{
	position: absolute;
	width: 44%;
	right: 0;
	bottom: 315px;
}
.main_over_2 ul li:nth-child(2){
	bottom: 278px;
	color: #365B3B;
	font-weight: 500;
	font-size: 13px;
}




/* */
.swiper-pagination {
    position:static; 
    text-align: start;
    z-index: 0; 
}
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0; 
    top: 0; 
    left: 0;
    width:auto;
}
/* 스타일 변경 ---------------------------*/
.sw1_btn .swiper-pagination-bullet{
	background:#b2c3e487;
	opacity: 1;
	width: 90px;
	height: 8px;
	border-radius: 0;
}
.sw1_btn .swiper-pagination-bullet-active{
	background: #556991;
	width: 90px;
	height: 8px;
}

#main_banner .sw1_btn{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: 20px;
	z-index: 100;
	display: flex;
	justify-content: center;
}
/* 재생, 중지 버튼 */
.sw_btn{
	cursor: pointer;
	width: 25px;
	height: 25px;
	background: url(../img/main/main_btn.png) no-repeat 2px 0; 
	text-indent: -9999px;
	margin-left: 5px;
}
.sw_btn.on{
	background: url(../img/main/main_btn2.png) no-repeat 2px 0; 
}





#mb_main_wrap{
	display: none;
}

/* 키워드 ---------------------------------------------------------------- */
#keyworld h3{
	text-align: end;
	margin-top: 150px;
}
#keyworld h3 span{
	font-weight: 500;
	margin: 0 10px;
}
#keyworld h3 span:nth-child(1){
	color: #91AEC4;
}
#keyworld h3 span:nth-child(2){
	color: #3c6a93;
}
#keyworld h3 span:nth-child(3){
	color: #194569;
}



/* BEST PRODUCT ------------------------------------------------------------- */
#bestproduct{
	margin-top: 90px;
}
.bp_font {
	text-align: center;
}
.bp_font h2{
	display: inline-block;
	padding: 0px 33px 0;
	font-size: 30px;
	font-weight: 500;
	background: url(../img/main/bestprosuct_lcon.png) no-repeat 0 0;
    height: 100px;
    line-height: 100px;
}
.bp_bg{
	background:  url(../img/main/bestproduct_bg.png) no-repeat left 0 / cover;
	background-size: 50% 546px;
}
.bp_content{
	display: flex;
	justify-content: space-between;
}
.bp_content .bp_l{
	width: 30%;
}
.bp_content .bp_l img{
	max-width: 360px;
    width: 100%;
	margin: 28px 27px;
}
.bp_r{
	position: relative;
	width: 68%;
	padding-left: 2%;
	background: #fff;
}
.sw_best{
	width:calc(100% - 100px);
	margin: 0 auto;
}
.sw_best a img{
	width: 100%;
}

/* newproduct---------------------------------------------------- */
#newproduct{
	margin-top: 90px;
	overflow: hidden;
}
.new_font {
	text-align: center;
}
.new_font h2{
	display: inline-block;
	padding: 0px 40px 0;
	font-size: 30px;
	font-weight: 500;
	background: url(../img/main/newprosuct_lcon.png) no-repeat right 0;
    height: 100px;
    line-height: 100px;
}
.new_bg{
	background:  url(../img/main/newproduct_bg.png) no-repeat right 0 / cover;
	background-size: 50% 546px;
}
.new_content{
	display: flex;
	justify-content: space-between;
}
.new_content .new_r{
	width: 30%;
}
.new_content .new_r img{
	max-width: 360px;
    width: 100%;
	margin: 35px 33px;
}
.new_l{
	position: relative;
	width: 68%;
	padding-right: 1.5%;
	background: #fff;
}
.new_best{
	width:calc(100% - 100px);
	margin: 0 auto;
}
.new_best a img{
	width: 100%;
}


 /*  product over -------------------------------------------- */
.pr_item > a{
	display: block;
	position: relative;
	max-width: 285px;
	height: 100%;
}
.pr_item > a img{
	vertical-align: top;
}
.pr_item > ul li:nth-child(1){
	width: calc(100% - 50px);
} 

.over_pr{
	position: absolute;
	width: 100%;
	height: 100%;
	bottom: 0;
	display: flex;
	align-items: center;
	align-items: flex-end;
	justify-content: end;
	background: rgba(0, 0, 0, 0.76);
	opacity: 0;
	transition: 0.3s;
}
.over_pr span img{
	width: 30px;
	margin: 0 6px 20px 0;
	padding-right: 10px;
}
 /* product 이름 및 가격 ---------------------------------------- */
.pr_item ul:first-of-type{
	margin: 20px 0 3px;
}
.pr_item ul{
	display: flex;
	justify-content: space-between;
	padding: 0 3px;
}
.pr_item ul > li a{
	display: block;
	color: #000;
	font-weight: 300;
	font-size: 17px;
}
.pr_item > ul > li:nth-child(1) > a{
white-space: nowrap;    
overflow: hidden;      
text-overflow: ellipsis; 
}
.pr_item ul .pd_ml{
	font-weight: 300;
	font-size: 15px;
	color: #737373;
}
.pr_item ul .pd_discount{
	font-weight: 500;
	font-size: 15px;
	color: #060663;
}
.pr_item ul .pd_slae{
	font-weight: 300;s
	font-size: 17px;
	color: #000;
}
.pr_item ul .pd_price{
	font-weight: 300;
	font-size: 17px;
	color: #A1A1A1;
	text-decoration: line-through;
}
.pr_item ul .pd_star{
	font-weight: 300;
	font-size: 15px;
	color: #000;
}

/* 이전, 다음 버튼 -----------------------------------------------------*/
.prev, .next, .n_prev, .n_next{
	position: absolute;
	z-index: 10; /* 올려놓기 */
	top: calc(50% - 36px);
	cursor: pointer;
	opacity: 0.7;  /* 흐리게 햇다 마우스 올리면 진하겡 */
	transform: translateY(-50%);
}
.prev{
	left: 2%;
}
.next{
	right: 0;
}
.n_prev{
	left: 0;
}
.n_next{
	right: 2%;
}
.prev:hover, .next:hover, .n_prev:hover, .n_next:hover{
	transition: 0.3s;
	opacity: 1;
}


/* Body care, Skin care ----------------------------------------------------------- */
#bodyskin_care{
	margin-top: 250px;
	display: flex;
	justify-content: space-between;
}
.bodycare{
	width: 48%;
	position: relative;
}
.bodycare .bd_content{
	background: url(../img/main/bodycare_bg.jpg) no-repeat left 0 /cover;
	border-radius: 0 180px 0 0;
	box-shadow: 0 5px 10px rgb(0 0 0 / 37%);
	position: relative;
}
.body_top{
	margin-bottom: 50px;
	display: flex;
    justify-content: center;
}
.body_top span{
	font-size: 15px;
	font-weight: 500;
	color: #D0A1A1;
	margin-right: 15px;
}
.body_top span:nth-child(4){
	position: relative;
}
.body_top span:nth-child(4)::before{
	z-index: -1;
	position: absolute;
	content: '';
	bottom: -2px;
	right: 1px;
	background: #F2E6E6;
	width: 108px;
	height: 24px;
	border-radius: 17px;
}
.bd_content .bd_sub{
	text-align: right;
	padding: 50px 0;
}
.bd_content .bd_sub img{
	margin-right: 50px;
	margin-left: 10px;
	max-width: 567px;
	width: 80%;

}
.bodycare_btn a{
	display: block;
}
.bodycare_btn a span{
	position: absolute;
	bottom: 20px;
	right: 30px;
}
.bodycare_btn a span:nth-child(1){
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #F9DEC3;
	margin-left: 50px;
	bottom: 14px;
    right: 73px;
}
.bodycare_btn a span:nth-child(2){
	font-weight: 700;
	color: #555555;
	font-size: 24px;
	bottom: 31px;
    right: 94px;
}
.bodycare_btn a span:nth-child(3){
	bottom: 17px;
    right: 41px;
} 
.bodycare_btn.on a span:nth-child(3){
	right: 26px;
	transition: 0.4s;
}
.bodycare_btn a span:nth-child(3) img{
	width: 55px;
}

.skincare{
	width: 48%;
	position: relative;
}
.skincare .sk_content{
	background: url(../img/main/skincare_bg.jpg) no-repeat right 0 /cover;
	border-radius: 180px 0 0 0 ;
	box-shadow: 0 5px 10px rgb(0 0 0 / 37%);
	position: relative;
}
.skincare .sk_sub{
	padding: 30px 0;
}
.skincare .sk_sub img{
	margin-left: 55px;
	max-width: 570px;
	width: 80%;
}

.skin_bottom{
	margin-top: 51px;
	display: flex;
    justify-content: center;
}
.skin_bottom span{
	font-size: 15px;
	font-weight: 500;
	color: #578CB6;
	margin-right: 15px;
}
.skin_bottom span:nth-child(4){
	position: relative;
}
.skin_bottom span:nth-child(4)::before{
	z-index: -1;
	position: absolute;
	content: '';
	bottom: -2px;
	right: 1px;
	background: #D7E7F3;
	width: 108px;
	height: 24px;
	border-radius: 17px;
}
.skincare_btn a{
	display: block;
}
.skincare_btn a span{
	position: absolute;
}
.skincare_btn a span:nth-child(1){
	width: 48px;
	height: 48px;
	border-radius: 50%;
	background: #C3D6F9;
	bottom: 19px;
    left: 70px;
}
.skincare_btn a span:nth-child(2){
	font-weight: 700;
	color: #555555;
	font-size: 24px;
	bottom: 34px;
    left: 96px;
}
.skincare_btn a span:nth-child(3){
	bottom: 20px;
    left: 35px;
}
.skincare_btn.on a span:nth-child(3){
	left: 22px;
	transition: 0.4s;
}
.skincare_btn a span:nth-child(3) img{
	width: 55px;
}

.mb_body_top{
	display: none;
}


/* instagram---------------------------------------------------- */
#instagram{
	margin: 200px auto 200px;
	text-align: center;
}
#instagram h2{
	font-size: 32px;
	color: #5A5A5A;
	font-weight: 500;
	background: url(../img/main/insta_logo.png) no-repeat center 0;
	background-size: 48px 35px;
	display: inline-block;
	padding:50px 0 30px;
}
#instagram ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
#instagram ul li{
	margin: 0.5%;
}
#instagram ul li a {
	max-width: 400px;
	box-shadow:5px 5px 5px rgba(0,0,0,0.2);
	position: relative;
	height: 100%;
	display: block;
}
#instagram ul li a img{
	vertical-align: top;
}
.over_insta{
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgba(0, 0, 0, 0.76);
	opacity: 0;
	transition: 0.3s;
}




/* 카카오톡 버튼 ---------------------------------------------------------------------*/
#kakao_btn{
	position: fixed;
	right: 20px;
	bottom: 50px;
	background: rgba(26, 26, 26, 0.781);
	border-radius: 10px;
	width: 67px;
    height: 40px;
    line-height: 40px;
	z-index: 20	;
}
#kakao_btn a{
	display: block;
	text-align: center;
	color: #FFF09D;
	font-weight: 500;
}

/* besr, new product none 처리  */
.bp_r .swiper-horizontal>.swiper-pagination-bullets, .bp_r .swiper-pagination-bullets.swiper-pagination-horizontal, .bp_r .swiper-pagination-custom, .bp_r .swiper-pagination-fraction{
	display: none;
}
.new_l .swiper-horizontal>.swiper-pagination-bullets, .new_l .swiper-pagination-bullets.swiper-pagination-horizontal, .new_l .swiper-pagination-custom, .new_l .swiper-pagination-fraction{
	display: none;
}








/* 반응형 /////////////////////////////////////////////////////////////////// */
@media screen and (max-width:1280px) {
	.main_banner_img > li .main_over{
		padding: 0 10px;
	}
	.main_banner_content li:nth-child(3){
		font-size: 38px;
	}
} /* 769 - 1280  */



@media screen and (max-width:1000px) {
	.bp_content {
		flex-wrap: wrap;

	}
	.bp_bg {
		background: url(../img/main/bestproduct_bg.png) no-repeat center 0 / cover;
		background-size: 100% 100%;
	}
	.bp_font h2 {
		padding: 0px 28px 0;
		font-size: 30px;
		height: 83px;
		line-height: 86px;
		background-size: 50px;
	}
	.bp_content .bp_l {
	width: 100%;
	display: flex;
    justify-content: end;
	}
	.bp_content .bp_l img {
		width: 50%;
	}

	.bp_r {
		width:100%;
		padding-top: 30px ;
	}

	.new_content {
        flex-wrap: wrap;
    }
	.new_content .new_r{
		width: 100%;
	}
	.new_content .new_r img {
		width: 50%;
		margin: 14px 18px;
	}
	.new_font h2 {
		padding: 0px 37px 0;
		height: 84px;
		line-height: 84px;
		background-size: 50px;
	}
	.new_bg {
		background: url(../img/main/newproduct_bg.png) no-repeat right 0 / cover;
		background-size: 100% 100%;
	}
	.new_l {
		width: 100%;
		padding: 30px 1.5% 30px 0;
		order: 1;
	}

	
	#bodyskin_care {
		flex-wrap: wrap;
	}
	.bodycare {
		width: 90%;
		order: 10;
	}
	.bd_content .bd_sub img {
		margin-right: 140px;
		transition: 0.3s;
		max-width: 567px;
		width: 55%;
	}
	.mb_body_top span img{
		width: 95px;
	}
	
	.skincare {
		width: 90%;
        margin-left: 10%;
	}
	.skincare .sk_sub img {
		margin-left: 125px;
		width: 60%;
	}
	.skin_bottom {
		margin-top: 36px;
		align-items: center;
	}
	.skin_bottom span:nth-child(4)::before {
		z-index: -1;
		position: absolute;
		content: '';
		bottom: -2px;
		right: 6px;
		background: #D7E7F3;
		width: 102px;
		height: 23px;
		border-radius: 17px;
	}

	.body_top{
		display: none;
	}
	.bodycare .bd_content {
		margin-top: 70px;
	}
	.mb_body_top{
		display: block;
		margin-bottom: 50px;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mb_body_top span{
		font-size: 15px;
		font-weight: 500;
		color: #D0A1A1;
		margin-right: 15px;
	}
	.mb_body_top span:nth-child(4){
		position: relative;
	}
	.mb_body_top span:nth-child(4)::before {
        z-index: -1;
        position: absolute;
        content: '';
        bottom: -2px;
        right: 1px;
        background: #F2E6E6;
        width: 97px;
        height: 23px;
        border-radius: 16px;
    }
	.mb_body_top{
		margin-top: 50px;
	}

	#instagram h2 {
		font-size: 27px;
		background-size: 43px 30px;
		padding-top: 33px;
	}
	#instagram ul li a img{
	max-width: 300px;
	}
	#instagram ul li a span img{
		max-width: 50px;
	}


}/* - 1100 */

@media screen and (max-width:800px) {
	.pr_item ul > li a {
		font-size: 16px;
	}
	.pr_item ul .pd_slae {
		font-size: 15px;
	}
	.pr_item ul .pd_price {
		font-size: 14px;
	}
	
}




@media screen and (max-width:768px) { /* 768------------------------------------ */
	#mb_main_wrap{
		display: block;
		transition: 0.3s;
	}
	#main_wrap{
		display: none;
	}

	/* 모바일 메인 배너 //////////////////////////////////// */
	#mb_main_banner{
		position: relative;
	}
	.mb_main_banner_img > li .mb_main_b_model img{
		width: 100%;
		object-fit: cover;
		position: relative;
	}
	.mb_main_over{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		padding: 0 15px;
		box-sizing: border-box;
	}
	.mb_main_banner_content{
		padding-top: 70px;
	}
	.mb_main_banner_content > li:nth-child(1) img{
		max-width: 330px;
	}
	.mb_main_banner_content li:nth-child(2){
		font-family: "Lora", serif;
		font-size: 25px;
		font-weight: 600;
		color: #556991;
		padding-top: 80px;
	}
	.mb_main_banner_content li:nth-child(3){
		font-size: 30px;
		font-weight: 600;
		color: #000434;
		padding-top: 20px;
	}
	.mb_main_banner_content li:nth-child(4){
		padding-top: 20px;
	}
	.mb_main_banner_content li:nth-child(4), .mb_main_banner_content li:nth-child(5){
		font-size: 18px;
		font-weight: 400;
		color: #556991;
	}
	.mb_main_bm_btn a{
		position: absolute;
        display: block;
        width: 164px;
        height: 46px;
		bottom: 40px;
	}
	.mb_main_bm_btn a span{
		position: absolute;
	}
	.mb_main_bm_btn a span:nth-child(1){
		width: 40px;
		height: 40px;
		background: #B2C3E4;
		border-radius: 50%;
        left: 148px;
        top: 290px;
	}
	.mb_main_bm_btn a span:nth-child(2){
		color: #687A86;
		font-weight: 500;
		left: 45px;
        top: 298px;;
	}
	.mb_main_bm_btn a span:nth-child(3){
		left: 170px;
        top: 297px;
    }

	.mb_main_bm_btn a span:nth-child(3) img{
		width: 47px;
	}
	/* 스타일 변경 */
	.swiper-pagination-bullet{
		background: #B2C3E4;
		opacity: 1;
		width: 90px;
		height: 8px;
		border-radius: 0;
	}
	.swiper-pagination-bullet-active{
		background: #556991;
		width: 90px;
		height: 8px;
	}
	.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 146%;
	}

	#keyworld h3 {
		margin-top: 40px;
	}
	#keyworld h3 span {
		margin-left: 35px;
	}
	
	.bp_content .bp_l img {
		margin: 28px 27px;
	}

	.prev img, .next img, .n_prev img, .n_next img{
		width: 26px;
	}

	
	.mb_body_top {
		justify-content: left;
		margin-left: 30px;
		transition: 0.3s;
	}
	.skin_bottom{
		justify-content: end;
		margin-right: 30px;
	}
	.skincare_btn a span:nth-child(1) {
		bottom: 18px;
		left: 68px;
	}
	.skincare_btn a span:nth-child(2) {
		font-size: 21px;
		bottom: 29px;
		left: 94px;
	}
	.skincare_btn a span:nth-child(3) {
		bottom: 18px;
		left: 39px;
	}
	.skincare_btn a span:nth-child(3) img {
		width: 52px;
	}
	.bodycare_btn a span:nth-child(2) {
		font-size: 21px;
		bottom: 32px;
		right: 97px;
	}
	.bodycare_btn a span:nth-child(3) img {
		width: 52px;
	}




	#instagram ul li a {
		box-shadow:none;
	}
	#instagram ul li a img{
		max-width: 250px;
		width: 100%;
	}
}

/* 500 - 768 */


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

	#kakao_btn{
		display: none;
	}
	.mb_main_banner_content {
        padding-top: 50px;
    }
	.mb_main_banner_content > li:nth-child(1) img {
        max-width: 215px;
    }
	.mb_main_banner_content li:nth-child(2) {
        padding-top: 42px;
		font-size: 20px;
    }
	.mb_main_banner_content li:nth-child(3) {
        font-size: 24px;
        padding-top: 20px;
    }
	.mb_main_banner_content li:nth-child(4), .mb_main_banner_content li:nth-child(5) {
        font-size: 16px;
    }
	.mb_main_bm_btn a span:nth-child(2) {
        font-weight: 400;
        left: 12px;
        top: 0px;
    }
	.mb_main_bm_btn a span:nth-child(1) {
        left: 87px;
        top: 0px;
	}
	.mb_main_bm_btn a span:nth-child(3) {
        left: 110px;
        top: 16px;
    }
	.mb_main_bm_btn a span:nth-child(3) img {
        width: 41px;
    }
	#keyworld h3 span {
        margin-left: 0px;
    }
	.bp_r{
		padding-left: 0;
	} 
	.bp_font h2 {
        padding: 0 25px 0;
        font-size: 25px;
        line-height: 76px;
        background-size: 46px;
    }
	.new_font h2 {
        padding: 0px 30px 0;
        line-height: 77px;
        background-size: 46px;
        font-size: 25px;
    }
	.sw_best{
		width: calc(100% - 20px);
	}
	#bodyskin_care {
		margin-top: 100px;
	}
	.skin_bottom span{
		margin-right: 9px;
	}
	.mb_body_top span{
		margin-right: 12px;
	}


	#instagram {
		margin: 50px auto 100px;
	}
	#instagram ul li {
		width: 49%;
	}
	#instagram ul li a img{
		max-width: 200px;
	}
	#instagram h2 {
        font-size: 27px;
        background:none;
		padding: 10px;
    }
	.pr_item ul:first-of-type {
		margin: 5px 0 3px;
	}
	.pr_item ul .pd_ml {
		display: none;
	}
	.pr_item ul .pd_discount{
		color: rgb(189, 36, 36);
	}
	.pr_item ul:nth-of-type(2){
		padding-bottom: 64px;
	}
	.pr_item ul .pd_star{
		font-size: 13px;
		color: #6e6e6e;
	}
	.new_best {
		width: calc(100% - 20px);
	}

	.prev, .next, .n_prev, .n_next{
		display: none;
	}

	/* BEST PRODUCT 슬라이드 스타일 변경 */
	.bp_r .swiper-pagination-bullet{
		background: rgba(124, 152, 176, 0.302);
		opacity: 1;
		width: 14px;
        height: 14px;
        border-radius: 50%;

	}
	.bp_r .swiper-pagination-bullet-active{
		transition: 0.2s;
		background: #7c98b0;
        width: 31px;
        height: 14px;
        border-radius: 31px;
	}
	.bp_r .swiper-horizontal>.swiper-pagination-bullets, .bp_r .swiper-pagination-bullets.swiper-pagination-horizontal, .bp_r .swiper-pagination-custom, .bp_r .swiper-pagination-fraction{
		bottom: 24px;
		display: flex;
		justify-content: center;
	}
	.bp_r .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .bp_r .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
	}
	
	/* NEW PRODUCT 슬라이드 스타일 변경 */
	.new_l .swiper-pagination-bullet{
		background: rgba(240, 223, 205, 0.369);
		opacity: 1;
		width: 14px;
        height: 14px;
        border-radius: 50%;

	}
	.new_l .swiper-pagination-bullet-active{
		transition: 0.2s;
		background: #ffd6c3;
        width: 31px;
        height: 14px;
        border-radius: 31px;
    }
	.new_l .swiper-horizontal>.swiper-pagination-bullets, .new_l .swiper-pagination-bullets.swiper-pagination-horizontal, .new_l .swiper-pagination-custom, .new_l .swiper-pagination-fraction{
		bottom: 24px;
		display: flex;
		justify-content: center;
	}
	.new_l .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .new_l .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
		margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 5px);
	}

}  /*  0 - 500 */


/* pc 768 밑으로는 반응 x  */
@media screen and (min-width:769px) {
	/* BEST, NEW PRODUCT */
	.pr_item > a:hover >  .over_pr{
		opacity: 1;
	} 


	/* instagram */
	#instagram ul li:hover  .over_insta{
		opacity: 1;
	}
}