@charset "utf-8";

/* 
 * content CSS Document
 *
 */

/* 공통 */
[data-subarea]{
	&{position:relative; z-index:10; padding:var(--page-top) 0; word-break:keep-all;}
	.title{
		&{display:flex; justify-content:center; flex-direction:column; gap:10rem 35rem; margin-bottom:50rem; text-align:center;}
		&:after{content:''; display:block; margin-top:30rem; width:100%; height:4rem; background-color:#f1ead5; border-radius:50em;}
		h3{font-family:var(--font-jua); font-size:var(--font50); font-weight:normal;}
	}
	.title-mid{
		&{font-size:var(--font35); font-weight:700; letter-spacing:-1rem;}
		strong{color:var(--color-point);}
	}
	.title-desc{
		&{margin-top:45rem; font-size:var(--font22); font-weight:300; line-height:1.5; letter-spacing:-1rem; text-align:center;}
	}
	&.last{padding-bottom:calc(var(--page-top) + 40rem);}
	
	.inr-1400{padding:0; background-color:#fff; border-radius:var(--r);}
	.inr-box{max-width:1100rem; box-sizing:content-box; min-height:500rem; margin:0 auto; padding:50rem 20rem;}
	
	@media (max-width:1400px){
		.inr-1400{padding:0; margin:0 15rem;}
	}
	@media (max-width:480px){
		.title{margin-bottom:30rem;}
		.title:after{margin-top:10rem;}
	}
}
body{overflow-x:hidden;}
#container #content > article:nth-of-type(1){padding-top:calc(var(--page-top) / 2);} 
#footer{position:relative; z-index:10;}

/* 서브비쥬얼 */
.area-subVisual{
	&{position:relative;}
	.inr-1{display:flex; justify-content:center; align-items:center; position:relative; z-index:10; height:364rem;}
	.inr-1 h2{margin-top:80rem; font-family:var(--font-jua); font-size:90rem; font-weight:normal; color:#fff; text-align:center;}
	.obj{position:absolute; top:0; left:0; z-index:1; width:100%; height:463rem; background:url(../images/content/subvisual_img01.jpg) no-repeat 50% 0; background-size:cover;}
	@media (max-width:1024px){
		.inr-1 h2{font-size:clamp(45rem, 8.79vw, 90rem);}	
	}
	@media (max-width:480px){
		.inr-1{height:320rem;}
		.obj{background-image:url(../images/content/subvisual_img01_mob.jpg);}
	}
}
.obj-bg{
	&{position:absolute; top:364rem; left:0; z-index:6; width:100%; height:100vh; background:url(../images/content/bg_sand_sub.png) no-repeat 50% 0; background-size:cover;}
	&.sand{background-image:url(../images/content/bg_sand_sub.png);} 
	&.grass{background-image:url(../images/content/bg_grass_sub.png);} 
	&.fix{position:fixed; top:0;}
	.mob{display:none;}
	
	.group01,
	.group02{position:absolute; top:-50rem;}
	.group01{left:0;}
	.group02{right:20rem;}
	
	@media (max-width:1500px){
		.group01{top:-80rem;}
		.group02{top:-100rem;}
		.web{display:none;}
		.mob{display:inline;}
	}
	@media (max-width:1024px){
		.group01{left:30rem;}
		.group02{right:10rem;}
	}
	@media (max-width:768px){
		.group01 img{width:200rem !important;}
		.group02 img{width:226rem !important;}
	}
	@media (max-width:480px){
		&{top:320rem;}
		.group01{left:10rem; top:-50rem;}
		.group02{top:-70rem;}
		.group01 img{width:135rem !important;}
		.group02 img{width:148rem !important;}
	}
}

/* list */
.check-list{
	&{display:flex; flex-direction:column; gap:10rem; margin-top:20rem;}
	li{--sizeWid:22rem; position:relative; padding-left:30rem;}
	li:before{content:''; display:block; position:absolute; left:0; top:0; width:var(--sizeWid); height:var(--sizeWid); background:url(../images/content/bul_check.svg) no-repeat 50% 50%; background-size:auto 100%;}
	@media (max-width:1024px){
		li{--sizeWid:clamp(16rem, 2.15vw, 22rem); padding-left:clamp(20rem, 2.93vw, 30rem);}
	}
}

/* 사전신청 */
[data-subarea="accept"]{
	p{font-size:var(--font20);}
	p strong{font-weight:600;}
	.check-list{margin-bottom:40rem;}
	.button{font-size:var(--font16); font-weight:600;}
}

/* 프로그램 */
[data-subarea="program"]{
	&{color:#fff;}
	.inr-1400{background-image:linear-gradient(0deg, #002c3f, #142141, #11162c);}
	.inr-box{padding:10rem;}
	.img-box{text-align:center;}
}