@charset "utf-8";

html{font-size:10px;}
.oh{overflow:hidden;}
.container {width:100%; margin:0 auto; max-width:1000px; position:relative;}
.cf:after{content:''; display: block; clear:both; visibility:hidden; height:0px;}
.second {max-width:2560px;margin:0 auto;text-align:center;letter-spacing:-0.5px;line-height:1.5;background:#f6f6f6;}
.second .container {max-width:1000px; margin:0 auto; position:relative}

.con01{position:relative; padding:90px 0; background:#fbf2c1; text-align:center}
.con02{position:relative; padding:90px 0; background:#fbf4da; text-align:center}
.con03{position:relative; padding:90px 0; background:#fff; text-align:center}
.con04{position:relative; height:2193px; background:url(images_my/con04_bg.jpg) center top / cover;}

.con01 .txt{position:relative; padding:20px 0 0 0; color:#333333; font-size:21px; line-height:1.5;}
.con01 .insta{position:relative; padding:20px 0 0 0}

.con02 .video_wrap{position:relative; max-width:780px; margin:0 auto;}
.con02 .video_wrap > div{height:0; padding-top:56.25%; position:relative}
.con02 .video_wrap > div iframe{width:100%; height:100%; position:absolute; left:0; top:0;}

.con03 .tit{position:relative; font-weight:bold; color:#333; font-size:59px; letter-spacing:-1px; padding-bottom:20px;}

.gift_slider{position:relative; max-width:869px; margin:0 auto;}
.gift_slider.mt30{margin-top:40px}
.gift_slider .slick-dots{position:absolute; left:0; bottom:25px; text-align:center; width:100%;}
.gift_slider .slick-dots > li{display:inline-block; margin:0 5px}
.gift_slider .slick-dots > li button{width:15px; height:15px; border-radius:50%; overflow:hidden; font-size:0; background:#e9ebec; box-shadow:none; border:0}
.gift_slider .slick-dots > li.slick-active button{background:#fff}
.gift_txt{position:relative; padding:10px 0 0 0; color:#333; font-size:21px;}

.deco01{position:absolute; right:-50px; top:15px}
.deco02{position:absolute; left:-40px; bottom:15px}
.deco03{position:absolute; left:-25px; top:70px}
.deco04{position:absolute; right:-30px; bottom:0}

.ft{position:relative; padding:20px 0 50px 0; background:#fdf5f7}
.ft p{color:#333; font-size:19px;}
.ft p:nth-child(1){font-weight:bold; padding-bottom:1px; position:relative}

@media screen and (max-width: 1040px){
	.second .container{box-sizing:border-box; padding:0 20px;}
	
	.con01, .con02, .con03{padding:70px 0}
	.con01 .txt{font-size:17px;}
	.con01 .insta{padding:15px 0 0 0}
	
	.con03 .tit{font-size:40px}
	
	.gift_slider .slick-dots > li{margin:0 3px}
	.gift_slider .slick-dots > li button{width:10px; height:10px;}
	.gift_txt{font-size:18px}
	
	.con04{height:auto; padding:102% 0}
	.ft p{font-size:15px}
}

@media screen and (max-width: 768px){
	.con01, .con02, .con03{padding:40px 0}
	.con01 .txt{font-size:14px;}
	.con01 .insta img{width:70%}
	
	.con03 .tit{font-size:22px}
	
	.gift_txt{font-size:14px}
	
	.deco01{position:absolute; right:-10px; top:15px; width:50px}
	.deco02{position:absolute; left:-15px; bottom:10px; width:50px;}
	.deco03{position:absolute; left:-15px; top:20px; width:50px;}
	.deco04{position:absolute; right:-10px; bottom:0; width:50px;}
	.ft p{font-size:12px}
}