@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cherry {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-1px;line-height:1.5;}
img {max-width: 100%;}

/* 공통 */
.cherry h2 {font-size: 0; display: none;}
.cherry .padding {padding: 8% 0;}
.cherry .line {position: relative;}
/* .cherry .line::before {content: ''; position: absolute; width: 31px; height: 100%; background-color: #ff008a; left: -18px; top: 0;} */

.con01 {position:relative; background-color: #ffe9f1;	text-align:center;}
.con02 {position:relative; background:url(images_my/con02_bg.jpg) center top / cover; text-align:center;}
.con03 {position:relative; background:url(images_my/con03_bg.jpg) center top / cover; text-align:center;}
.con04 {position:relative; background-color: #ee4194;	text-align:center;}

.con02 .padding {padding: 8% 0%;}
.con02 .video_wrap {position: relative; margin: auto; max-width: 760px; border: 10px solid #fff;}
.con02 .video_wrap > div {position: relative; padding-top: 56.25%;}
.con02 .video_wrap > div iframe {position: absolute; width: 100%; height: 100%; top: 0; left: 0;}

.con03 img {max-width: none; position: relative; left: 0px; top: 0;}

.con04 .box {position: relative; padding: 5%; margin-bottom: 2%; background-color: #fff; border-radius: 20px;}
.con04 .box .tit h3 {font-size: 3.5rem; line-height:1.2; color: #686868;}
.con04 .box .tit .badge {position: relative; display: inline-block; padding: 6px 37px; margin: 19px 0 43px; font-size: 3rem; background-color: #ff008a; color: #fff; font-weight: bold; border-radius: 50px; }
.con04 .box img.mg {margin-top: -77px;}
.con04 .box3 img.mg {margin-top:0;}
.con04 .box p {margin-top: 35px; font-size: 1.8rem; color: #c39a9a;}
.con04 .box2 p {margin-top:-35px;}
.con04 .box3 p {margin-top:0;}
.con04 .box3 .tit {margin-bottom:18px;} 
.con04 .box3 .tit p {margin-top:5px; font-size:2.5rem; color:#686868;} 

/* * Deco flower */
.con04 .box .img_deco {position: absolute; width: 214px; height: 135px; top: -41px; right: -63px;}
.con04 .box .img_deco2 {position: absolute; width:91px; height: 89px; top: 146px; left: -49px;}
.con04 .box .img_deco3 {position: absolute; width:91px; height: 89px; top: 141px; right: -34px;}
.con04 .box .img_deco4 {position: absolute; width: 214px; height: 135px; top: 126px; left: -75px;}

.con04 .ft {font-size: 1.9rem; color: #f8c2d8;}

.con04 .shop_wrap {margin-top: 38px;}
.con04 .shop_wrap h4 {font-size: 3.5rem; color: #fff;}
.con04 .shop_wrap ul {margin-top: 29px;}
.con04 .shop_wrap ul li {display: inline-block; vertical-align: top; width: 30%;}
.con04 .shop_wrap ul li:last-child {width: 40%;}

/* * Shop Btn */
.shop a {display: inline-block; visibility: middle; padding: 5px 9% 7px; background-color: #fff; font-size: 2.4rem; color: #ee4194; border-radius: 30px; font-weight: bold; text-decoration: none;}
.shop a::after {content: ''; display: inline-block; vertical-align: middle; margin: -3px 0 0 5px; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 7px solid #ee4194;}
.shop p {margin: 7px 0 34px; font-size: 1.8rem; color: #fff; letter-spacing: 0;}



@media screen and (max-width: 1040px){
	html {font-size: 9px;}
	.con01 .container {width: 100%;}
	.container {width: 100%;}
	.con04 .container {width: 95%;}
	/* .cherry .line::before {content: ''; position: absolute; width: 21px; height: 100%; background-color: #ff008a; left: 0; top: 0;} */

	.con03 img {max-width: 100%; left: 20px;}
	.con04 .shop_wrap ul li {width: 40%;}

}


@media screen and (max-width: 768px){
	html {font-size: 7.5px;}
	
	.con02 .padding {padding: 8% 4% 8% 6%;}
	.con02 .video_wrap {border: 6px solid #fff;}
	.con03 img {left: 16px;}
	.con04 .box .tit .badge {padding: 3px 30px;}
	.con04 .box.enjoy .tit h3 {line-height: 1.3;}
	.con04 .box.enjoy .tit h3 strong {font-size: 6rem;}
	.con04 .shop_wrap ul {margin-top: 20px;}
	.con04 .shop_wrap ul li:last-child {width: 78%;}

	.con04 .box p {margin-top: 18px;}
	.con04 .box2 p {margin-top: -14px;}
	.con04 .box3 p {margin-top:-8px;}


	.con04 .box .img_deco {position: absolute; width: 170px; height: 135px; top: -41px; right: -63px;}
	.con04 .box .img_deco2 {position: absolute; width:69px; height: 89px; top: 146px; left: -49px;}
	.con04 .box .img_deco3 {position: absolute; width:69px; height: 89px; top: 141px; right: -34px;}
	.con04 .box .img_deco4 {position: absolute; width: 170px; height: 135px; top: 70px; left: -99px;}
	/* .cherry .line::before {width: 12px;} */

	/* * Shop Btn */
	.shop a {font-size: 18px;}
	.shop p {font-size: 14px; margin: 7px 0 24px;} 
}


@media screen and (max-width: 480px){
	html {font-size: 6px;}
	.con03 img {left: 12px;}
	.con04 .box .tit .badge {padding: 1px 22px; margin:10px 0 43px;}
	.con04 .shop_wrap ul li {width: 49%;}
	.con04 .box .tit h3 {font-size: 3rem; line-height: 1.3;}
	.con04 .box img.mg {margin-top: -54px;}
	.con04 .box p {margin-top: 14px;}
	.con04 .box2 p {margin-top: -10px;}
	.con04 .box3 p {margin-top: 0;}
	.con04 .shop_wrap h4 {font-size: 3rem; line-height: 1.3;}

	.con04 .box .img_deco {position: absolute; width: 128px; height: 135px; top: -9px; right: -72px;}
	.con04 .box .img_deco2 {position: absolute; width:51px; height: 89px; top: 146px; left: -26px;}
	.con04 .box .img_deco3 {position: absolute; width:51px; height: 89px; top: 69px; right: -27px;}
	.con04 .box .img_deco4 {position: absolute; width: 128px; height: 135px; bottom: -84px; left: -82px;}


	.shop a {font-size: 15px;}
	.shop a::after {
    border-top: 3px solid transparent;
    border-bottom: 3px solid transparent;
    border-left: 5px solid #ee4194;
		margin-top: 0;
	}
	.shop p {margin: 7px 0 15px;}



}