@charset "utf-8";



#main3 #contWrap2 {padding:3em 0 8em; width:90%; margin:0 auto;  display:flex;  flex-wrap:wrap; justify-content:center; }
#main3 #contWrap2 li {width:16.6666%; padding:0 10px; text-align:center}
#main3 #contWrap2 li img {width:100%; max-width:272px}
#main3 #contWrap2 li .eng {margin:1em 0 0.5em; color:#FFF; font-size:2.0rem;  font-family: "Marcellus", serif; }
#main3 #contWrap2 li h4 {font-size:3.0rem;  transform: rotate(-0.03deg);}



@media all and (max-width:1599px){
	#main3 #contWrap2 li .eng {font-size:1.6rem; }
	#main3 #contWrap2 li h4 {font-size:2.6rem;}
}
@media all and (max-width:1280px){
	#main3 #contWrap2 li { padding:0 5px; } 
	#main3 #contWrap2 li .eng { font-size:1.8rem;}
	#main3 #contWrap2 li h4 {font-size:2.4rem;}
}
@media all and (max-width:1024px){
	#main3 #contWrap2 { width:100%;  padding:3em 0 6em; }
	#main3 #contWrap2 li {width:calc(33.333% - 10px); margin:1em 0; padding:0 5px}	
}
@media all and (max-width:480px){
	#main3 #contWrap2 li .eng { font-size:1.6rem;}
	#main3 #contWrap2 li h4 {font-size:2.0rem;}
}




#mainNew1 {display:flex;  flex-wrap:wrap; position:relative; max-width: 1920px; margin: 0 auto;}
#mainNew1 #titWrap {width:calc(100% - 1120px);  position:sticky; top:0; max-height:950px;
							background:#fefdfb}
#mainNew1 #titWrap .in-Box {height:100%; text-align:center; 
									display:flex; flex-wrap:wrap; justify-content:center; flex-direction: column; justify-content: flex-end;}
#mainNew1 #titWrap li {font-size:0}
#mainNew1 #titWrap li.img img {width:90%; margin:0 auto; max-width:570px}
#mainNew1 #titWrap li.txt {padding:80px 0 50px}
#mainNew1 #titWrap h4 {font-size:5.0rem; color:#112f39;  font-weight:500;  font-family: 'NEXON Lv1 Gothic';}
#mainNew1 #titWrap h3 {margin:0.2em 0 0.5em; font-size:8.0rem; color:#112f39;  font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#mainNew1 #titWrap .t1 {  font-size:2.0rem; }
#mainNew1 #contWrap {width:1120px; background:#f0f1e0; }
#mainNew1 #contWrap ul {width:90%; max-width:900px; margin:0 auto; display:flex;  flex-wrap:wrap;  align-items: start; padding: 10rem 0 35rem;}
#mainNew1 #contWrap ul li {width:430px; border:40px solid #FFF; margin:10px;
									background:#FFF; position:relative}
#mainNew1 #contWrap ul li:nth-child(even) {transform:translateY(40%)}
#mainNew1 #contWrap ul li img {width:100%}
#mainNew1 #contWrap ul li .eng {font-size:1.8rem; padding-bottom:0.5em; text-align:right; font-family: "Marcellus", serif; opacity:.5}
#mainNew1 #contWrap ul li .t1 {padding-top:35px;font-size:2.6rem;  font-weight:500;  font-family: 'NEXON Lv1 Gothic'; text-align:Center;
										line-height:1.4em}

#mainNew1 #contWrap ul li.bg1 {color:#68855f}
#mainNew1 #contWrap ul li.bg2 {color:#c59a61}
#mainNew1 #contWrap ul li.bg3 {color:#8a664b}
#mainNew1 #contWrap ul li.bg4 {color:#a26477}
#mainNew1 #contWrap ul li.bg5 {color:#c26c49}
#mainNew1 #contWrap ul li.bg6 {color:#da8579}
#mainNew1 #contWrap ul li.bg7 {color:#7dba8d}



#mainNew1.morePoint #contWrap ul li  .t1{font-size: 3.0rem; font-weight: 700;;}

@media all and (max-width:1599px){
	#mainNew1 #titWrap {width:550px;}
	#mainNew1 #titWrap h4 {font-size:4.0rem; }
	#mainNew1 #titWrap h3 {margin:0.2em 0 0.5em; font-size:7.0rem; }
	#mainNew1 #contWrap {width:calc(100% - 550px)}
	#mainNew1 #contWrap ul li {width:calc(50% - 20px);}
}
@media all and (max-width:1499px){
	#mainNew1 #titWrap { max-height:850px;}
	#mainNew1 #titWrap li.txt {padding:70px 0 30px}
	#mainNew1 #contWrap ul li { border:30px solid #FFF; }
	#mainNew1 #contWrap ul li .t1 {padding-top:25px;}
}
@media all and (max-width:1280px){
	#mainNew1 #titWrap {width:450px; max-height:750px;}
	#mainNew1 #titWrap li.txt {padding:50px 0 20px}
	#mainNew1 #titWrap h4 {font-size:3.0rem; }
	#mainNew1 #titWrap h3 {font-size:6.0rem; }
	#mainNew1 #titWrap .t1 {  font-size:1.8rem; }
	#mainNew1 #contWrap {width:calc(100% - 450px)}
	#mainNew1 #contWrap ul li .eng {font-size:1.6rem;}
	#mainNew1 #contWrap ul li .t1 {font-size:2.4rem;}
}
@media all and (max-width:1024px){
	#mainNew1 #titWrap {padding-top:30px;width:100%; position:unset; max-height:100%;}
	#mainNew1 #titWrap li.txt {padding:30px 0 0}
	#mainNew1 #contWrap {width:100%; padding:5% 0}
	#mainNew1 #contWrap ul {justify-content:center;  padding: 0;}
	#mainNew1 #contWrap ul li {width:calc(33.3333% - 20px); border-width:15px}
	#mainNew1 #contWrap ul li:nth-child(even) {transform:translateY(0)}
	#mainNew1 #contWrap ul li .t1 {font-size:2.2rem; padding-top:5px;}

    #mainNew1.morePoint #contWrap ul li  .t1{font-size: 2.6rem; font-weight: 700;;}
    #mainNew1.morePoint #contWrap ul {align-items: stretch;}
    #mainNew1.morePoint #contWrap ul li{background-color: #fff;}

}
@media all and (max-width:900px){
	#mainNew1 #contWrap ul li {width:calc(50% - 10px); margin:5px}
}
@media all and (max-width:480px){
	#mainNew1 #titWrap li.img img {width:75%; }
	#mainNew1 #titWrap h4 {font-size:2.5rem; }
	#mainNew1 #titWrap h3 {font-size:5.5rem; }
	#mainNew1 #titWrap .t1 {  font-size:1.6rem; }
	#mainNew1 #contWrap ul li .eng {font-size:1.5rem;}
	#mainNew1 #contWrap ul li .t1 {font-size:2.0rem; line-height:1.2em}

    #mainNew1.morePoint #contWrap ul li  .t1{font-size: 2.2rem; font-weight: 700;;}
}








#mainNew2 {padding-bottom:7% ;background:url('/images/main/mainnew2-bg.webp') no-repeat right bottom; text-align:center;
			position:relative;  background-size:cover; overflow:hidden}
#mainNew2:before {content:''; width:475px; height:500px; background:url('/images/main/mainnew2-before.png') no-repeat left top;
						position:absolute; left:0; top:0; background-size:100% auto}
#mainNew2 #t-Logo {border-bottom:1px solid rgba(255,255,255,0.07)}
#mainNew2 h3 {text-shadow:3px 3px 0 rgba(0,0,0,0.1); position:relative; z-index:3}
#mainNew2 h3:before {content:'best place'; font-size:15.0rem; position:absolute; left:50%; top:-0.7em; transform:translateX(-50%);
						  font-family: "Smooch", cursive; color:#21d323; text-shadow:3px 3px 0 rgba(0,0,0,0) !important; z-index:-1}
#mainNew2 h3 .point3 {  font-family: 'ONE-Mobile-Title'; font-weight:normal;}
#mainNew2 h3 .br976 {display:none}
#mainNew2 h4 {margin-top:50px; font-size:3.0rem;  color:#FFF; font-weight:400; line-height:1.3em; position:relative; }
#mainNew2 h4 br.br680 { display:none}

#mainNew2 #contWrap {display:flex; flex-wrap:wrap; justify-content:center; width:90%; max-width:1420px; margin:70px auto 0}
#mainNew2 #contWrap li {width:calc(33.333% - 20px); margin:10px; padding:15px 40px 20px; background:#FFF; position:relative}
#mainNew2 #contWrap li img {width:100%}
#mainNew2 #contWrap li .eng {font-size:1.8rem;color:#21d323; padding-bottom:0.3em; text-align:right; font-family: "Marcellus", serif; opacity:.5}
#mainNew2 #contWrap li h4 {margin-top:0.5em; font-size:3.6rem; color:#112f39;  font-weight:700;  font-family: 'NEXON Lv1 Gothic';}


@media all and (max-width:1399px){
	#mainNew2 #contWrap {margin:50px auto 0}
	#mainNew2 #contWrap li {padding:15px 30px 20px}
}
@media all and (max-width:1280px){
	#mainNew2:before {width:345px; }
	#mainNew2 h3:before {font-size:13.0rem; }
	#mainNew2 h4 {margin-top:30px; font-size:2.6rem;}
	#mainNew2 #contWrap li .eng {font-size:1.6rem;}
}
@media all and (max-width:976px){
	#mainNew2 {padding-bottom:10%} 
	#mainNew2:before {display:none}
	#mainNew2 h3:before {  font-size:10.0rem; } 
	#mainNew2 h3 .br976{display:block}
	#mainNew2 h4 {margin-top:30px; font-size:2.2rem;}
	#mainNew2 #contWrap li {width:calc(50% - 10px); margin:5px}
}
@media all and (max-width:767px){
	#mainNew2 h3 {font-size:5.6rem;}
	#mainNew2 h4 br.br680 { display:block}
	#mainNew2 #contWrap li {padding:10px 20px 15px}
}
@media all and (max-width:580px){	
	#mainNew2 h3 {font-size:6.0rem; width:80%; margin: 0 auto; line-height:1.3em}	
	#mainNew2 h3:before { top:-0.4em}
	#mainNew2 h3 .point3 {font-size: 7.0rem; }
	#mainNew2 h4 {font-size:1.8rem;}
	#mainNew2 #contWrap li h4 {font-size:3.0rem;}
}
@media all and (max-width:480px){	
	#mainNew2 #contWrap li  {padding:2.5vw 3.5vw 2.5vw 3.5vw}
	#mainNew2 #contWrap li .eng {font-size:1.5rem;}
	#mainNew2 #contWrap li .t1 {font-size:2.0rem; line-height:1.2em}
	#mainNew2 #contWrap li h4 {font-size:.2.6rem;}
}



.main18 #checkList li h5 {margin-bottom:0.4em; padding-left:40px; font-size:2.8rem; font-weight:300; color:#FFF;}
.main18 #checkList li p {margin-bottom:0.2em}
.main18 #checkList li p:last-child {margin-bottom:0}
.main18 #checkList li .line {text-decoration: line-through;}
.main18 #checkList li.align-t p {display:flex; align-items: center; ;}
.main18 #checkList li.align-t i {padding:0 0.5em;}
.main18 #checkList li .point {font-size:3.4rem}
.main18 #checkList li .point2 {margin-left:5px; padding:0.25em 0.7em;background:#32d671; color:#222; 
									border-radius:60px; font-weight:600}

@media all and (max-width:1150px){	
	.main18 #benefit-W {width:100%}
}






#mainNew3 {padding-bottom:7%; background:#fefdf8 url('/images/main/mainnew3-bg.png') no-repeat left top; 
				background-size:cover}
#mainNew3 #titWrap {position:relative; z-index:3 }
#mainNew3 #titWrap .in-Box {height:100%; text-align:center; display:flex; flex-wrap:wrap; justify-content:center;  align-content: center;}
#mainNew3 #titWrap .in-Box  img {padding-bottom:50px; width:80%; max-width:900px; margin:0 auto}
#mainNew3 #titWrap h3 {font-size:8.0rem; color:#112f39;  font-family: 'ONE-Mobile-Title'; font-weight:normal; position:relative;
								width:100%}
#mainNew3 #titWrap h3:before { content:'Samsung Store';  width:100%;  font-size:10.0rem; position:absolute; left:50%; 
										transform:translateX(-50%);
									 font-family: "Smooch", cursive; color:#2bdb6e; z-index:-1; bottom:-0.6em;}
#mainNew3 #titWrap h3 br.br1024 {display:none}
#mainNew3 #titWrap h3 span.st1 {font-size:6.0rem;  font-weight:500;  font-family: 'NEXON Lv1 Gothic';}
#mainNew3 #titWrap #benefit-W { margin-top:2em}

@media all and (max-width:1399px){
	#mainNew3 #titWrap #benefit-W { margin-top:1em}
	#mainNew3 #titWrap h3 {font-size:7.0rem; }
	#mainNew3 #titWrap h3:before { font-size:9.0rem;}
	#mainNew3 #titWrap h3 span.st1 {font-size:5.0rem}
}
@media all and (max-width:1280px){
	#mainNew3 #titWrap h3 {font-size:6.0rem; }
	#mainNew3 #titWrap h3:before { font-size:8.0rem;}
	#mainNew3 #titWrap h3 span.st1 {font-size:4.0rem}
}
@media all and (max-width:1150px){
	#mainNew3 #titWrap {padding:0 5% 2%}
}
@media all and (max-width:1024px){
	#mainNew3 #titWrap .in-Box  img {padding-bottom:30px}
	#mainNew3 #titWrap h3 br.br1024 {display:block}
}
@media all and (max-width:767px){
	#mainNew3 #titWrap h3 {font-size:5.5rem; }
	#mainNew3 #titWrap h3:before { font-size:7.0rem;}
	#mainNew3 #titWrap h3 span.st1 {font-size:3.5rem}
}
@media all and (max-width:480px){
	#mainNew3 #titWrap .in-Box  img {padding-bottom:5vw}
}