:root{
	--sandoll-color: #50d7ff;	
	--orange-color: #ffa150;
}

.point{position:absolute; top:-50px; left: calc(50% - 69px); font-size:17px; width:139px;}

.wrapper {
	max-width: 1280px;
	margin: 0px auto;
	padding: 15px;
}
.section01 {
	color: #ffffff;
	background: #50d7ff;
	padding: 180px 0px 100px;
	background-image:url('https://media.sandollcloud.com/static/images/sub/samlip/bg01.png');
	background-position:center center;
	background-size:cover;
	background-repeat:no-repeat;
}

.section01 h1 {
	font-size:25px; 
	margin-bottom: 93px;
}
.section01 h1 img{width:320px;}

.section01 h2 {
	line-height: 1.2;
	font-size:64px;
	margin-bottom: 55px;
}
.section01 h2 img{width:800px;}

.section01 p {
	font-size: 20px;
	line-height: 1.5;
}
.section01 p img{width:654px;}
.section02 {
	padding: 186px 0px 67px;
	background: #ffffff;
	background-image: url(https://media.sandollcloud.com/static/images/sub/samlip/61@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/60@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/67@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/68@2x.png);
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
  background-size:264px, 271px, 269px, 268px;
  background-position: 30% 12%,73% 48%,24% 80%,76% 105%;

}
.section02 .wrapper{padding:0;}

.section02 h2 {position:relative; margin-bottom:20px;}
.section02 h2 img{width:420px;}
.section02 h2 img.point{width:138px;}
.section02 h3{margin-bottom:20px;}
.section02 h3 img{width:570px;}
.section02 .Honey,
.section02 .Soul{
	position:relative;
	width:100%;
	max-width:1000px;
	margin: 0 auto;
}
.section02 .Honey{margin-bottom:57.6px;}
.section02 .Honey > div:first-child{width:429px; height:394px; background-size:cover; position:absolute; top:0; left:0; 	background-image:url('https://media.sandollcloud.com/static/images/sub/samlip/02_honey_image@2x.png');
}
.section02 .Honey > div.text-left{position:relative; padding-left:390px; padding-top:220px; padding-bottom:61.6px;}
.section02 .Honey > div.text-left h4 img{width:393px; margin-bottom:24.4px;}
.section02 .Honey > div.text-left p img{width:589px; z-index:1;}
.section02 .Soul > div:first-child{width:454px; height:446.8px; background-size:cover; position:absolute; top:0; right:0; 	background-image:url('https://media.sandollcloud.com/static/images/sub/samlip/02_soul_image@2x.png');}
.section02 .Soul > div.text-left{position:relative; padding-left:80px; padding-top:170px; padding-bottom:150px;}
.section02 .Soul > div.text-left h4 img{width:444px; margin-bottom:24.4px;}
.section02 .Soul > div.text-left p img{width:523px; z-index:1;}


.section03{padding:0 2.5%;}
.section03 .SpecialEvent{
	background:#fafafa;
	border-radius: 75px;
	margin:0 auto;
	padding:107px 90px 61px;	width:100%;

}
.section03 .SpecialEvent h3{position:relative; margin-bottom:20px;}
.section03 .SpecialEvent h3 img{width:600px;}
.section03 .SpecialEvent h3 img.point{width:138px;}
.section03 .SpecialEvent p img{width:676px;}
.section03 .SpecialEvent p.hashtag{margin-top:20px;}
.section03 .SpecialEvent p.hashtag img{width:449.2px; }
.section03 .SpecialEvent .event{margin-top:71.7px; width:100%; display:inline-block;}
.section03 .SpecialEvent .event > div:first-child{float:left;  }
.section03 .SpecialEvent .event > div:first-child img{width:500px;}
.section03 .SpecialEvent .event > div:last-child{float:left; margin-left:30px; }
.section03 .event p {margin-bottom: 38px;}
.section03 .event p:last-child{margin-bottom:0;}
.section03 .event .p01{width:229px;}
.section03 .event .p02{width:305px;}
.section03 .event .p03{width:392px;}
.section03 .event .p04{width:551px;}
.section03 .SpecialEvent .btn,
.section04 .btn{padding:0; border-radius:40px;}
.section03 .SpecialEvent .btn img{width:319px;}
.section03 .SpecialEvent .btn-wrap{clear:both; margin-top:71px;}

.section04{
	padding: 173px 0 98px;
	background: #ffffff;
	background-image: url(https://media.sandollcloud.com/static/images/sub/samlip/56@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/57@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/59@2x.png),url(https://media.sandollcloud.com/static/images/sub/samlip/58@2x.png);
  background-repeat: no-repeat,no-repeat,no-repeat,no-repeat;
  background-size:245px, 198px, 241px, 238px;
	background-position: 30% 0%,73% 25%,30% 68%,76% 100%;
}
.section04 h2{position:relative; margin-bottom:65px;}
.section04 h2 img{width:504px}
.section04 h2 img.point{width:144px; left:calc(50% - 72px);}
.section04 .col-4 > img {max-width:354px; width:100%; margin-bottom:32px;}
.section04 .col-4 p > img{height:140px;}
.section04 .btn-wrap{margin-top:105px;}
.section04 .btn img{width:319px}


.section05{padding: 118px 2.5% 84px ; background:#fafafa;}
.section05 h4{position:relative; margin-bottom:50px; }
.section05 h4 img{width:178px;}
.section05 h4 .point{left:calc(50% - 35px); width:70px; }
.section05 ul{ text-align:left;     max-width: 1097px; margin: 0 auto;}
.section05 ul li{margin-bottom:34px;}
.section05 ul li img{max-width:100%;}



.clearfix{
	clear:both;
}



@media all and (max-width:760px) {
	.SamlipHopang{background:#ffffff !important; padding-bottom:0; width:100%; overflow-x:hidden;}
	.point{position:absolute; top:-30px; left: calc(50% - 36px);  width:72px;}

	.section01 {padding: 100px 0px 90px;}
	.section01 h1 {margin-bottom: 30px;}
	.section01 h1 img{width:60%;}
	.section01 h2 {margin-bottom: 10px;}
	.section01 h2 img{width:95%;}
	.section01 p img{width:80%;}
	.section02 {padding: 90px 0px 30px;
	 	background-size:30%, 31%, 30%, 30%;
	  background-position: 5% 10%,80% 48%, 14% 75%,85% 103%;
	}
	.section02 .wrapper{padding:0;}
	.section02 h2 {position:relative; margin-bottom:20px;}
	.section02 h2 img{width:70%}
	.section02 h2 img.point{width:72px;}
	.section02 h3{margin-bottom:10px;}
	.section02 h3 img{width:80%;}
	.section02 .Honey,
	.section02 .Soul{
		position:relative;
		width:100%;
		margin: 0 auto;
	}
	.section02 .Honey{margin-bottom:57.6px;}
	.section02 .Honey > div:first-child{width:100%; height:200px; background-size:40%; background-repeat:no-repeat; background-position:center; position:relative; }
	.section02 .Honey > div.text-left{ padding:0;}
	.section02 .Honey > div.text-left h4 img{width:75%; margin:0 10% 10px;}
	.section02 .Honey > div.text-left p img{width:90%;  margin:0 5% 10px; z-index:1;}
	.section02 .Soul > div:first-child{width:100%; height:200px; background-size:50%; background-repeat:no-repeat; background-position:center; position:relative; }
	.section02 .Soul > div.text-left{ padding:0;}
	.section02 .Soul > div.text-left h4 img{width:84%; margin:0 10% 10px;}
	.section02 .Soul > div.text-left p img{width:88%;  margin:0 5% 10px; z-index:1;}
	
	.section03{padding:0 0;}
	.section03 .SpecialEvent{
		border-radius: 8px;
		padding:50px 5% 30px;
	}
	.section03 .SpecialEvent h3{margin-bottom:10px;}
	.section03 .SpecialEvent h3 img{width:90%;}
	.section03 .SpecialEvent h3 img.point{width:69px; left:calc(50% - 35px);}
	.section03 .SpecialEvent p img{width:90%;}
	.section03 .SpecialEvent p.hashtag{margin-top:5px;}
	.section03 .SpecialEvent p.hashtag img{width:65%; }
	.section03 .SpecialEvent .event{margin-top:30px; width:100%; display:inline-block;}
	.section03 .SpecialEvent .event > div:first-child{float:inherit;  }
	.section03 .SpecialEvent .event > div:first-child img{width:60%; margin-bottom:20px; }
	.section03 .SpecialEvent .event > div:last-child{float:inherit; margin-left:0px; }
	.section03 .event p {margin-bottom: 15px;}
	.section03 .event p:last-child{margin-bottom:0;}
	.section03 .event .p01{height:40px; width:auto;}
	.section03 .event .p02{height:40px; width:auto;}
	.section03 .event .p03{height:40px; width:auto;}
	.section03 .event .p04{height:54px; width:auto;}
	.section03 .SpecialEvent .btn{padding:0;}
	.section03 .SpecialEvent .btn{width:40%;}
	.section03 .SpecialEvent .btn img{width:100%;}
	.section03 .SpecialEvent .btn-wrap{clear:both; margin-top:30px;}
	
	.section04{padding: 80px 0 40px;
		 background-size:30%, 23%, 28%, 26%;
		background-position: 10% 3%,85% 34%,20% 63%,85% 90%;
	
	}
	.section04 h2{position:relative; margin-bottom:60px;}
	.section04 h2 img{width:90%}
	.section04 h2 img.point{width:72px; left:calc(50% - 36px);}
	.section04 .col-12 {margin-bottom:40px;}
	.section04 .col-12 > img {width:60%; margin-bottom:20px;}
	.section04 .col-12 p > img{height:90px;}
	.section04 .btn-wrap{margin-top:00px;}
	.section04 .btn{padding:0; width:40%;}
	.section04 .btn img{width:100%}
	
	
	.section05{padding: 69px 0px 42px ; }
	.section05 h4{margin-bottom:20px; text-align:center; }
	.section05 h4 img{width:28%;}
	.section05 h4 .point{left:calc(50% - 18px); width:36px; }
	.section05 ul{max-width:100%; text-align:left;}
	/*.section05 ul li{margin-bottom:0px; width:100%; height:30px;  background-size: 100% auto; background-repeat: no-repeat;}
	
	.section05 ul li:nth-child(3n+1){background-image:url(https://media.sandollcloud.com/static/images/sub/samlip/05_li_01@2x.png);}
	.section05 ul li:nth-child(3n+2){background-image:url(https://media.sandollcloud.com/static/images/sub/samlip/05_li_02@2x.png);}
	.section05 ul li:nth-child(3n){background:url(https://media.sandollcloud.com/static/images/sub/samlip/05_li_03@2x.png);}
	
	.section05 .li01, .section05 .li02, .section05 .li03{display:none;}
	
	*/
	.section05 ul li{margin-bottom:0px;}
	.section05 .li01{width:100%;}
	.section05 .li02{width:95%;}
	.section05 .li03{width:80%;}
		
}