/* 2560대 */
@media all and (min-width:1921px) {
	#con06_area {
    width: 100%;
    min-height: 500px;
    height: 43vh;
}
	
}


@media all and (max-width:1680px){
	
	
	
	
}

@media all and (max-width:1536px){
	
	
}
	

@media all and (max-width:1440px){	
	
	
	
	
}

@media all and (max-width:1366px){	
	
	
}
	

@media all and (max-width:1280px){
	
	
}
	
	
	

@media all and (max-width:1024px){
	
	.pc {display: none;}
	.mobile{display: inline-block;}
	.con {width: 90%;}

	.wrap {width: 90%;}
	
	/* con01 */
	#con01_area {background: url('../images/m-con01-bg.jpg') no-repeat; height: auto; background-size: cover; background-position: center;}
	#con01_area .wrap {padding: 25% 0 60.2778%;}
	
	/* con02 */
	#con02_area {background: url('../images/m-con02-bg.jpg') no-repeat; height: auto; background-size: cover; background-position: center;}
	#con02_area .wrap {padding: 61.8056% 0 8.3333%;}
	
	/* con03 */
	#con03_area {}
	#con03_area .wrap {padding: 8.3333% 0 66.6667%;}
	#con03_area .wrap h2 {font-size: 3.2rem;}
	#con03_area .wrap h2 .bold{font-size: 4.2rem;}
	
	/* con4 */
	#con04_area {background: url("../images/m-con04-bg.jpg") no-repeat;height:1100px; background-position: bottom;background-size: cover;}
	#con04_area .wrap {padding: 10.8889% 0 0}
	#con04_area .wrap h2 {font-size: 4.2rem; padding: 0 0 7.1111%;}
	
	/* con05 */
	#con05_area {background: url("../images/m-con05-bg.jpg") no-repeat; height:auto; background-position: center;background-size: cover;}
	#con05_area .wrap {padding: 9.7222% 0 41.6667%;}
	#con05_area .wrap h2 {font-size: 4.2rem;color: #fff;text-align: center;text-shadow: 7px 5px 10px rgb(4 3 11 / 10%);}

	/* con06 */
	#con06_area .wrap .txt_area {font-size: 5rem;}
	#con06_area .wrap .txt_area .big {font-size: 6rem;}
	
	
	/* con07 */
	#con07_area {background: #06051f; height:auto;}
	#con07_area .wrap .custom_area {width: 100%;}
	#con07_area .wrap .custom_area .step03 .inner .intro {padding: 0 0 6.25% 0;}
	
	
	
	/* event_area */
	#con07_area .wrap .event_area .dis_flex { display: flex; flex-direction: column;}
	#con07_area .wrap .event_area .txt {line-height: 1.4; margin: 0 0 20px 0; word-break: break-word;}
	#con07_area .wrap .event_area .btn_copy{width: 14%;	margin: 0 0 30px 0;}
	
	#con07_area .wrap .reward_area .rwd .txt_area .name {display: none;}
	#con07_area .wrap .reward_area .rwd .txt_area .txt {font-family: 'Pretendard-ExtraBold';}
	#con07_area .wrap .reward_area .rwd .img_area {background-position: center!important;}
	
	
	
	/* con08 */
	#con08_area {background: #090628; height: auto;}
	#con08_area .m-bg {background: url("../images/m-con08-bg.jpg") no-repeat; width: 100%; height: 449px; background-size: cover;}
	#con08_area .wrap {padding: 11.1111% 0;}
	#con08_area .wrap .txt_area {padding: 0}
	
	/* con09 */
	#con09_area {background: url("../images/m-con09-bg.jpg") no-repeat; width: 100%; height: auto; background-size: cover; background-position:bottom; }
	#con09_area .wrap {padding: 11.1111% 0 48.7222%;}
	#con09_area .wrap .txt_area {padding: 0}
	#con09_area .wrap .event_area .dis_flex {display: flex; flex-direction: column;}
	#con09_area .wrap .event_area .txt {padding: 0 0 20px 0;}
	
	/* con10 */
	#con10_area .wrap {padding: 12.5% 0 35.6944%}
	#con10_area .wrap h2 {font-size: 4.5rem;}
	#con10_area > .wrap .slide_area .slide .con {width:100%;}
	#con10_area > .wrap .slide_area .slide .left {width: 40%!important;}
	#con10_area > .wrap .slide_area .slide .right {background-position: 90% 90%!important; width: 60%!important; padding: 60px 40px 0 60px!important;}
	
	
	/* con11 */
	#con11_area {background-position: 46% center;}
	#con11_area .wrap {padding: 80px 0 145px;}
	#con11_area .wrap .txt_area {padding: 0 0 0 45%;}
	#con11_area .wrap .txt_area p {padding: 0 0 30px;}
	#con11_area .wrap .txt_area .bottom_txt {font-size: 1.4rem;}
	
	
	
		
		
		
		
		
	
}




@media all and (max-width:820px) {
	
	#con03_area {background: url('../images/m-con03-bg.jpg') no-repeat; height: auto; background-size: cover; background-position: center;}
	#con03_area .wrap h2 {font-size: 2.8rem;}
	#con03_area .wrap h2 .bold {font-size: 3.8rem;}
	
	#con04_area {height: 1175px;}
	#con04_area .slide_area .slide {height: auto; padding: 70px 70px 80px 80px;}
	#con04_area .slide_area .slide > .s_wrap {flex-direction: column;}
	#con04_area .slide_area .slide > .s_wrap > .left {flex-direction: row; width: 100%;}
	#con04_area .slide_area .slide > .s_wrap > .left > .comment {width: 90%;}
	#con04_area .slide_area .slide > .s_wrap > .right {padding: 55px 0 0 0; width: 100%;}
	#con04_area .slide_area .slide > .s_wrap > .right .name {font-size: 3.2rem; padding: 0 0 25px 0;}
	#con04_area .slide_area .slide > .s_wrap > .right .crt_intro {padding: 0 0 25px 0;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area {padding: 20px 0;}
	
	
	/* con06 */
	#con06_area {width: 100%; min-height: 400px; height: 40vh;}
	
	#con07_area .wrap .reward_area {display: flex; flex-wrap: wrap;}
	#con07_area .wrap .reward_area .rwd {width: 49%; margin: 0 1% 1% 0;}
	
	
	#con09_area .wrap .event_area .title {width: 100%;}
	
	
	
	
}


@media all and (max-width:768px) {
	
	#con04_area .wrap h2 {font-size: 4rem;}
	#con04_area .slide_area .slide > .s_wrap > .right .crt_intro {padding: 0 0 2px 0;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area {padding: 0 0 20px 0; border: 0;}
	#con05_area .wrap h2 {font-size: 4rem;}
	
	#con06_area .wrap {position: relative; padding: 110px 0;}
	
	#con07_area .wrap .event_area .btn_copy {width: 20%;}
	#con07_area .wrap .event_area .title {width:100%;}
	
	
	#con10_area {background: url("../images/m-con10-bg.jpg") no-repeat; height: auto; background-position: center; background-size: cover;}
	#con10_area .wrap {padding: 12.5% 0 17.6944%;}
	#con10_area .slick-prev {left: -8%; margin-left: 0;}
	#con10_area .slick-next {left: 88%; margin-left: 0;}
	
	#con10_area > .wrap .slide_area .slide {height: auto;}
	#con10_area > .wrap .slide_area .slide .con {padding: 0; display: flex; flex-direction: column;}
	
	#con10_area > .wrap .slide_area .slide.slide01 .left {background:url("../images/m-con10-slide01.jpg") no-repeat; background-size: cover; width:100%!important; height: 314px; border-radius: 30px 30px 0 0;}
	#con10_area > .wrap .slide_area .slide.slide02 .left {background:url("../images/m-con10-slide02.jpg") no-repeat; background-size: cover; width:100%!important; height: 314px; border-radius: 30px 30px 0 0;}
	#con10_area > .wrap .slide_area .slide.slide03 .left {background:url("../images/m-con10-slide03.jpg") no-repeat; background-size: cover; width:100%!important; height: 314px; border-radius: 30px 30px 0 0;}
	#con10_area > .wrap .slide_area .slide.slide04 .left {background:url("../images/m-con10-slide04.jpg") no-repeat; background-size: cover; width:100%!important; height: 314px; border-radius: 30px 30px 0 0;}
	
	#con10_area > .wrap .slide_area .slide .right {background-position: 90% 90%!important; width: 100%!important; padding: 60px 40px 160px 60px!important;}
	#con10_area > .wrap .slide_area .slide .right .thanks_to {font-size: 3.6rem;}
	#con10_area > .wrap .slide_area .slide .right .txt_area {font-size: 2.4rem;}
	
	
	#con11_area {background: url(../images/m-con11-bg.jpg) no-repeat; height:auto; background-size: cover; background-position: bottom;}
	#con11_area .wrap {padding: 11.1111% 0 61.8056%;}
	#con11_area .wrap .txt_area {padding: 0;  font-size: 3.6rem;} 
	#con11_area .wrap .txt_area .bold {font-size: 4.6rem;}
	
	
	
	
	
	
	
	
}
	
	

@media (max-width: 480px){
	
	.btn_join, .btn_orange, .btn_purple {outline:0!important;}

	#con01_area {background: url(../images/m-con01-bg.jpg) no-repeat,#090526; height: auto; background-size: contain; background-position: bottom;}
	#con01_area .wrap {padding: 42% 0 60.2778%;}
	#con01_area .wrap .txt_area h1 {width: 80%; margin: auto;}
	#con01_area .wrap .txt_area {font-size: 1.6rem;}
	#con01_area .wrap .txt_area p{padding: 6.25% 0 0 0}
	

	#con02_area > .wrap {font-size: 1.6rem;}
	#con02_area > .wrap .bold {font-size: 1.8rem;}
	
	#con03_area .wrap h2 {font-size: 1.5rem;}
	#con03_area .wrap h2 .bold {font-size: 2.1rem;}
	
	#con04_area {height: auto;}
	#con04_area .wrap {padding: 14.8889% 0 0;}
	#con04_area .wrap h2 {font-size: 2.1rem;}
	
	#con04_area .slide_area .slide {padding: 25px;}
	#con04_area .slide_area .slide > .s_wrap > .left {flex-direction: column;}
	#con04_area .slide_area .slide > .s_wrap > .left .character {width:75%;}
	#con04_area .slide_area .slide.slide01 > .s_wrap > .left .character,
	#con04_area .slide_area .slide.slide03 > .s_wrap > .left .character {width:63%; margin: auto;}
	#con04_area .slide_area .slide > .s_wrap > .left > .comment {font-size: 1.1rem; width: 100%; display: none;}
	
	#con04_area .slide_area .slide > .s_wrap > .right {padding: 9.63% 0 0 0; width: 100%;}
	#con04_area .slide_area .slide > .s_wrap > .right .name {font-size: 1.6rem; padding: 0 0 5.5556% 0}
	#con04_area .slide_area .slide > .s_wrap > .right .crt_intro {font-size: 1.3rem;}
	#con04_area .slide_area .slide > .s_wrap > .right .crt_intro > .bold{width: 40%; margin: 0;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area > .bold {width: 40%; margin:0;}
	#con04_area .slide_area .slide > .s_wrap > .right .crt_intro > .txt, #con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area > .txt {width:70%;}

	#con04_area .slide_area .slide > .s_wrap > .right .protector_area .txt_area {font-size: 1.3rem; padding: 0 0 15px 0;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area {display: flex; flex-direction: row;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area .pro_img {width: 40%; height: 95px; background-size: contain; background-position: center;}
	#con04_area .slide_area .slide > .s_wrap > .right .protector_area > .img_area .txt {font-size: 1.3rem; color: #babbd5; padding: 0 0 0 15px; width: 100%;}
	
	#con04_area .slide_area .slide.slide01 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-wolbi-pro.png") no-repeat, #2c2b57; background-position: center; background-size: contain;}
	#con04_area .slide_area .slide.slide02 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-water-pro.png") no-repeat, #2c2b57; background-position: center; background-size: contain;}
	#con04_area .slide_area .slide.slide03 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-thunder-pro.png") no-repeat, #2c2b57; background-position: center; background-size: contain;}
	#con04_area .slide_area .slide.slide04 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-risa-pro.png") no-repeat, #2c2b57; background-position: center; background-size: contain;}
	#con04_area .slide_area .slide.slide05 > .s_wrap > .right .protector_area > .img_area .pro_img {background: url("../images/con04-fore-pro.png") no-repeat, #2c2b57; background-position: center; background-size: contain;}

	#con05_area .wrap {padding: 13.7222% 0 45.6667%;}
	#con05_area .wrap h2 {font-size: 1.9rem;}
	
	#con06_area {width: 100%; min-height: 250px; height: 30vh;}
	#con06_area .wrap {padding: 80px 0;}
	#con06_area .wrap .txt_area {font-size: 2rem;}
	#con06_area .wrap .txt_area .big {font-size: 3rem;}
	
	
	#con07_area .wrap {padding: 13.8889% 0;}
	#con07_area .wrap .title_area h2 {font-size: 2.4rem;}
	#con07_area .wrap .title_area h2 .txt_orange {padding: 20px 0 0 0; display: block;}
	#con07_area .wrap .title_area .txt {padding: 6.9444% 0 11.1111%; font-size: 1.6rem;}
	
		
	#con07_area .wrap .event_area {font-size:1.5rem; padding: 8.3333% 0;}
	#con07_area .wrap .event_area .btn_copy {width: 40%; font-size: 1.6rem;}
	#con07_area .wrap .reward_area .rwd .img_area {background-size: contain!important; height: 105px;}
	#con07_area .wrap .reward_area .rwd .txt_area {padding: 15px;}
	#con07_area .wrap .reward_area .rwd .txt_area .txt {font-size: 1.2rem;}
	#con07_area .wrap .bottom_txt {font-size: 1.2rem; padding: 8.3333% 0 0 0;}
	
		
	#con08_area .m-bg {height: 230px;}
	#con08_area .wrap .txt_area {font-size: 1.6rem;}
	#con08_area .wrap .txt_area h2 {font-size: 1.8rem;}
	#con08_area .wrap .txt_area p {padding: 5.5556% 0 6.9444%;}
	
	#con08_area .btn_join, 	#con09_area .btn_join  {width: 100%; height: 57px; font-size: 1.6rem;}
	#con08_area .wrap .txt_area .bottom_txt, #con09_area .wrap .txt_area .bottom_txt  {font-size: 1.4rem;}
	
	
	
	#con09_area .wrap h2 {font-size: 1.8rem;}
	#con09_area .wrap p {font-size: 1.6rem;}
	#con09_area .wrap .event_area {padding: 6.9444% 0; font-size: 1.5rem;}
	#con09_area .wrap .event_area .txt {padding: 0 0 4.166% 0;}
	
	
	#con10_area .wrap h2 {font-size: 2.25rem; padding: 0 0 8.3333% 0;}
	#con10_area > .wrap .slide_area .slide {border-radius: 20px;}
	
	#con10_area > .wrap .slide_area .slide .left {height: 157px!important; border-radius: 20px 20px 0 0!important;}
	
	#con10_area > .wrap .slide_area .slide .right .thanks_to {font-size: 1.8rem!important; padding: 0 0 4.1667% 0!important;}
	#con10_area > .wrap .slide_area .slide .right {padding: 8.3333% 6.9444% 25.6944%!important;}
	#con10_area > .wrap .slide_area .slide .right .txt_area {font-size: 1.4rem;}
	
	#con10_area > .wrap .slide_area .slide.slide01 .right {background-size: 50%;}
	#con10_area > .wrap .slide_area .slide.slide02 .right {background-size: 40%;}
	#con10_area > .wrap .slide_area .slide.slide03 .right {background-size: 30%;}
	#con10_area > .wrap .slide_area .slide.slide04 .right {background-size: 60%;}
	
	#con11_area .wrap .txt_area {font-size: 1.8rem;}
	#con11_area .wrap .txt_area .bold {font-size: 2.3rem;}
	#con11_area .btn_join {width: 100%; height: 60px; font-size: 1.6rem;}
	
	#con12_area .wrap {padding: 8.3333% 0; display: flex; font-size: 1.6rem; justify-content: center; flex-direction: column; text-align: center;}
	#con12_area .wrap a {font-size: 2rem;}
	#con12_area .wrap p {padding: 0;}
	
	
}