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

	.pc_only {
		display:none;
	}
	.mo_only {
		display:block;
	}

	body {
		display:flex;
		position: relative;
	}

	#wv {
		width:100%;
		display:block;
	}
	.bgblur {
		z-index:6;
	}


	br.mo_br {
		display:block;
	}


	main {
		/*padding-bottom:5.5rem;*/
		width:100%;
		padding:0;
		margin:0;
	}

	main .content {
		min-width:auto;
		border:none;
	}
	main.guide .content{
		overflow: visible;
	}

	.mo_top {
		display:block;
		width:100%;
		height:52px;
		position: fixed;
		z-index:5;
		left:0;
		top:0;
	}

	.mo_top .mo_top_line {
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:24px;
		background:#303030;
		border-bottom:1px solid #23753f;
		z-index:-1;
	}

	.mo_top .mo_top_tab {
		position: absolute;
		left:0;
		top:22px;
		width:100%;
		height:28px;
		background-image:url(https://imgdata.work/psp/assets/images/project/galaxy/xnkyp1ez2h.png);
		background-repeat:no-repeat;
		background-position:top center;
		z-index:-1;
	}

	.mo_top_title {
		width:100%;
		height:100%;
		display:flex;
		justify-content: center!important;
		align-items: center!important;
		color: var(--white, #FFF);
		/* BTN_Medium */
		font-family: Pretendard;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 400;
		line-height: 140%; /* 19.6px */
	}


	.section1 {
		width: 100%;
		height:100vh;
		display: block;
	}

	.sec1_title {
		margin-top:4.5rem;
		padding-left:1.563rem;
	}

	.sec1_title_txt1 {
		font-size:0.875rem;
	}

	.sec1_title_txt2 {
		font-size:2rem;
		margin-top: 10px;
	}

	.sec1_info {
		margin:1.563rem 1.5rem;
	}
	.sec1_info .progress_bar{
		margin-top: 30px;
		padding-top: 30px;
	}

	.rank_board {
		border-radius: 4px;
		border: 1px solid var(--gray-2, #262626);
		background: linear-gradient(130deg, #DADCDE -118.41%, #323335 -118.37%, rgba(90, 90, 90, 0.05) 30.93%, #171717 226.49%);
		backdrop-filter: blur(25px);
		padding:0.625rem 1.063rem 0.875rem;
	}
	.rank_title{
		font-size: 12px;
		font-weight: 700;
	}
	.rank_list {
		justify-content: start;
		flex-direction: column;
		align-items: flex-start;
	}

	.rank_list li {
		width:100%;
		justify-content:start;
		padding:0.25rem 0;	
	}
	.rank_list li:first-child{padding-top: 0;}
	.rank_list li:last-child{padding-bottom: 0;}

	.rank_list li div.uname {
		width: inherit;
		position: relative;
		padding-left: 16px;
	}


	.rank_list li span.Galaxy {
		position: absolute;
		display:inline;
		color:#818181;
		margin-top:0;
		margin-left:auto;
		font-weight:500;
		right:0.938rem;
	}

	.join_list{
		display: flex;
		flex-direction: column;
		align-items: flex-end;
		align-items: flex-start;
		margin-top: 0;
		margin-left: auto;
		max-width: 50%;
	}

	.counter, .counter2 {
		font-size:2rem;
	}

	.counter span, .counter2 span {
		display:none;
	}

	.join_list .join_people {
		margin-top:1.5rem;
		font-size:0.875rem;
	}

	.join_list .join_galaxy {
		margin-top:0.875rem;
		font-size: 0.875rem;
	}

	.bars_box {
		max-width:100%;
		margin-top:0;
	}


	.bar_text {
		position: absolute;
		left:50%;
		top:0;
		transform: translateX(-50%);
		right:auto;
	}

	main.main .galaxy_project_join_btn {
		position: fixed;
		bottom:0;
		width:100%;

		border-radius: 30px 30px 0px 0px;
		border: 1px solid #10DD56;
		border-bottom:none;
		height:5.5rem;
		background: linear-gradient(180deg, rgba(35, 52, 18, 0.70) 0%, rgba(5, 6, 7, 0.70) 100%);
		backdrop-filter: blur(40px);
	}

	main.main .galaxy_project_join_btn a {
		display:flex;
		width:100%;
		height:100%;
		justify-content: center!important;
		align-content: center!important;
		flex-wrap: wrap;
		color: var(--green, #10DD56);
		text-align: center;
		font-family: Pretendard;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 25.2px */
	}

	main.main .galaxy_project_join_btn a > img {
		margin-left:0.5rem;
	}

	
	/*GNB*/
	header.mo_head {
		height:100vh;
		height: 100%;
		width:276px;
		background: var(--green, #10DD56);
		z-index: 50;
		transition: .4s;
		transform: translateX(0);
		top: 0;
		bottom:0;
	}

	header .header_body {
		width:100%;
		height:100%;
		background:transparent;
		position: relative;
		padding:28px 30px;
	}

	header .side_tab_btn {
		position: absolute;
		width:30px;
		height:103px;
		right:-28px;
		top:50%;
		transform: translateY(-50%);
		background-image:url(https://imgdata.work/psp/assets/images/project/galaxy/l4y6s61ccw.svg);
		background-repeat:no-repeat;
		background-size:cover;
		display:flex;
		align-items: center;
		justify-content: center;
	}

	header .side_tab_btn button {
		width:20px;
		height:20px;
	}
	header.open .side_tab_btn button img{
		transform: rotate(180deg);
	}

	.mo_head:not(.open) {
	  transform: translateX(-276px);
	}

	.mo_head .header_body .gnb .text1 {
		color: var(--white, #FFF);
		font-family: Pretendard;
		font-size: 1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 130%; /* 23.4px */
		letter-spacing: -0.36px;
	}


	.mo_head .header_body .gnb .bar1 {
		width:13px;
		height:2px;
		margin:16px 0;
		border-radius: 1px;
		background: var(--white, #FFF);
	}

	.mo_head .header_body .gnb .text2 {
		color: var(--white, #FFF);
		/* Mo_Headline 3 */
		font-family: Pretendard;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 33.6px */
	}

	.mo_head .header_body .gnb ul.nav {
		margin-top:38px;
		height:auto;
		flex-direction: column!important;
	}


	header.mo_head .header_body .gnb ul.nav li {
		padding: 10px 0px;
		padding-left:32px;
		position: relative;
		color: var(--white, #FFF);
		font-family: Pretendard;
		font-size:1.125rem;
		font-style: normal;
		font-weight: 600;
		line-height: 140%; /* 25.2px */
	}



	header.mo_head .header_body .gnb ul.nav li::after {
		position: absolute;
		top: 50%;
		left: 0;
		transform: translateY(-50%);
		width: 1.5rem;
		height: 1.5rem;
		background-image: url(https://imgdata.work/psp/assets/images/project/galaxy/8embjqscus.svg);
		background-repeat: no-repeat;
		background-size: cover;
		content: '';
	}

	header.mo_head .header_body .gnb ul.nav li.active {
	   color: var(--balck, #000);
	}


	header.mo_head .header_body .gnb ul.nav li.active::after {
		background-image: url(https://imgdata.work/psp/assets/images/project/galaxy/sfm5xcfrb3.svg);
	}


	header.mo_head .header_body .foot {
		margin-top:7.375rem;
		margin-top: 96px;
		margin-top: 19vw;
	}
	header.mo_head .header_body .foot2{
		margin-top: 64px;
		position:absolute;
		bottom: 16px;
	}
	header.mo_head .header_body .foot2 .kias_logo{
		display: flex;
		align-items:center;
	}
	header.mo_head .header_body .foot2 p{
		margin-top: 8px;
		line-height: 130%;
		color: rgba(255, 255, 255, 0.6);
	}
	header.mo_head .header_body .foot2 .privacy{
		margin-top: 8px;
		color: rgba(255, 255, 255, 0.6);
	}
	header.mo_head .header_body .foot2 .privacy a{
		font-weight:600;
	}


	.object_planet {
		position: fixed;
		width:357px;
		height:357px;
		filter: blur(0.5px);
	}
	main .content::before{
		position: fixed;
	}




	main.begin .content {
		display:flex;
		justify-content: center;
		align-items: center;
		position: fixed;
	}

	main.begin .body {
		display:block;
		height:auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}


	main.begin .text_box {
		position: relative;
		padding:0;
		display:flex;
		flex-direction: column-reverse
	}

	main.begin .text01 {
		width:100%;
		text-align:center;
		font-size:0.875rem;
		margin-top:5.375rem;
	}



	main.begin .text02 {
		position: relative;
		color: var(--green, #10DD56);
		text-align: center;
		font-family: Pretendard;
		font-size: 2rem;
		font-style: normal;
		font-weight: 700;
		line-height: 130%; /* 41.6px */
	}

	main.begin .text02::after {
		content:'';
		position: absolute;
		width:218px;
		height:1px;
		background: linear-gradient(90deg, rgba(16, 221, 86, 0.00) 0%, #FFF 52.08%, rgba(16, 221, 86, 0.00) 100%);
		bottom:-0.875rem;
		left:50%;
		transform:translateX(-50%);
	}



	main.begin .btn_box {
		margin-top:4.625rem;
	}

	main.begin .compas_bg {
		position: fixed;
		width:170%;
		bottom: 4rem;
	}



	/*tutorial*/

	main.tutorial {
		/* padding:0 1.5rem; */
	}

	main.tutorial .content {
		display:flex;
		justify-content: center;
		align-items: center;
	}

	main.tutorial .body {
		display:block;
		height:auto;
		padding:0 1.5rem;
	} 

	main.tutorial .text_box {
		padding: 0;
	}

	main.tutorial .text02 {
		color: var(--green, #10DD56);
		text-align: center;

		/* Mo_Headline 3 */
		font-family: Pretendard;
		font-size: 1.5rem;
		font-style: normal;
		font-weight: 700;
		line-height: 140%; /* 33.6px */
	}
	main.tutorial .text_box .text02{
		font-size: 24px;
	}



	main.tutorial .tutorial_ex_textbox01 {
		width:100%;

		color: var(--white, #FFF);
		text-align: center;

		/* M_Body3 */
		font-family: Pretendard;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 20px; /* 166.667% */
		padding:20px 14px;
	}



	main.tutorial_body{
		height: 100vh;
	}
	main.tutorial_body .body {
		flex-direction: column;
		height: 100%;
		overflow: hidden;
		touch-action: none;
	}


	main.tutorial_body .example {
		position: fixed;
		width:100%;
		padding:3.938rem 3rem 2rem;
		background:#000;
		perspective: 1000px;
		z-index:3;
	}

	main.tutorial_body .example .example_view {
		position: relative;
		width:100%;
		aspect-ratio: 1;
		/* overflow: hidden; */
		transition: transform 0.8s;
		transform-style: preserve-3d;
	}
	


	main.tutorial_body .example .picture {
		position: absolute;
		width:100%;
		height:auto;
		aspect-ratio: 1;
		left:0;
		top:0;
		margin-top:0;
		z-index : 50;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
	}

	main.tutorial_body .example .infobox {
		transform: rotateY(180deg);
	}


	main.tutorial_body .example .infobox {
		position: absolute;
		width:100%;
		height:auto;
		min-height: max-content;
		aspect-ratio: 1;
		left:0;
		top:0;
		margin-top:0;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		overflow-y:auto;
		padding: 12px;
		z-index : 40;
		/* background-color: #000; */
	}
	main.tutorial_body .example .infobox .info-mission{
		padding: 0 8px;
	}

	main.tutorial_body .example .example_view.active {
		transition: transform 0.8s;
		transform-style: preserve-3d;
		transform: rotateY(180deg);
	}

	main.tutorial_body .example .example_view {
		transition: transform 0.8s;
		transform-style: preserve-3d;
		transform: rotateY(360deg);
	}

	main.tutorial_body .example .pic {
		width:100%;
		height:100%;
	}

	main.tutorial_body .example .grid-view {
		width:100%;
		height:100%;
	}


	main.tutorial_body .example .grid_btn {
		right:10px;
		top:12px;
		/* width: 18px; */
		/* height: 18px; */
		background-size: cover;
	}
	
	main.tutorial_body .example .grid_btn.on {
		right:10px;
		top:12px;
	}


	main.tutorial_body .example .hint-box {
		margin-top:20px;
		font-size:0.875rem;
		letter-spacing:-0.1rem;
	}

	main.tutorial_body .example .hint-box span {
		font-size:0.875rem;
		margin-bottom: 8px;
	}
	.info-mission-progress{
		margin-top: 16px;
	}
	.info-mission-comment{
		margin-top: 34px;
	}



	main.tutorial_body .question {
		width:100%;
		height: 100%;
		margin-left:0;
		margin-top:1.688rem;
		display: inline-flex;
		padding: 30px 25px 108px 27px;
		flex-direction: column;
		align-items: center;
		/* overflow-y: scroll; */
		gap: 32px;
		border-radius: 30px 30px 0px 0px;
		background: linear-gradient(180deg, rgba(35, 56, 15, 0.80) 0%, rgba(5, 6, 7, 0.80) 100%);
		backdrop-filter: blur(40px);
	}

	main.tutorial_body .question li {
		flex-wrap: wrap!important;
		justify-content: center!important;
		text-align:center;
		margin-bottom:4px;
	}
	main.tutorial_body .question li:last-child{
		margin-bottom: 0;
	}

	main.tutorial_body .question li > div:first-child {
		width:100%;
		margin-bottom:12px;
	}

	main.tutorial_body .question .ms-auto {
		margin-left:0.5rem;
	}

	main.tutorial_body .question button.q_ico {
		display: inline-flex;
		height: 40px;
		padding: 8.5px 20px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 8px;
		border: 1px solid #2C4A37;

		color: var(--green, #10DD56);
		/* BTN_Normal */
		font-family: Pretendard;
		font-size: 0.875rem;
		font-style: normal;
		font-weight: 500;
		line-height: 140%; /* 19.6px */
	}

	main.tutorial_body .question button.q_ico::after {
		content:none
	}


	main.tutorial_body .example .card-btn-box {
		position:absolute;
		left:50%;
		top:1.5rem;
		transform: translateX(-50%);
		width: 110px;
		height: 24px;
		align-items: center;
		flex-shrink: 0;

		border-radius: 33px;
		background: var(--gray-1, #2F2F2F);
	}



	main.tutorial_body .example .card-btn-box .card-btn-box-container {
		display:flex;
		justify-content: center;
		align-items: center;
		width:100%;
		height:100%;
		position: relative;
	}

	main.tutorial_body .example .card-btn-box .card-btn-box-left, main.tutorial_body .example .card-btn-box .card-btn-box-right {
		width:50%;
		color: var(--gray-5, #C4C4C4);
		text-align: center;
		font-family: Pretendard;
		font-size: 0.563rem;
		font-style: normal;
		font-weight: 700;
		line-height: normal;
		letter-spacing: -0.18px;
		text-align:center;
	}

	main.tutorial_body .example .card-btn-box .card-btn-box-left.active, main.tutorial_body .example .card-btn-box .card-btn-box-right.active {
		color: var(--balck, #000);
	}


	main.tutorial_body .example .card-btn-box .card-btn-box-bar {
		position: absolute;
		display: flex;
		width: 55px;
		height: 19.5px;
		justify-content: center;
		align-items: center;
		gap: 10px;
		flex-shrink: 0;
		border-radius: 24px;
		background: var(--green, #10DD56);
		left:2px;
		top:2px;
		z-index:-1;
		-webkit-transition: all 0.3s ease;  
		-moz-transition: all 0.3s ease;  
		-o-transition: all 0.3s ease;  
		-ms-transition: all 0.3s ease;  
		transition: all 0.3s ease;
	}

	main.tutorial_body .example .card-btn-box .card-btn-box-bar.right {
		left:53px;
	}


	main.tutorial_body .example .mo_markingbtn {
		position: absolute;
		width:3rem;
		height:3rem;
		top:50%;
		right:0;
		margin-top: 18px;
		transform: translateY(-50%);
		background-image:url(https://imgdata.work/psp/assets/images/project/galaxy/76j2d07j64.svg);
		background-repeat:no-repeat;
		background-position:center center;
	}

	main.tutorial_body .example .mo_stoptutorial {
		position: absolute;
		width:3rem;
		height:3rem;
		top:0;
		right:0;
		background-image:url(https://imgdata.work/psp/assets/images/project/galaxy/sy1dv1dxf1.svg);
		background-repeat:no-repeat;
		background-position:center center;
	}
	
	
	.explain_body_photo_thumb{
		overflow: visible;
		width: 100%;
	}
	.explain_body_photo_thumb .swiper-slide{
		width: 60px !important;
	}




	/*Modal*/
	.modal_content .explain_head {
		width:100%;
		justify-content: center!important;
		align-items: center;
	}

	.modal_content .back .explain_head {
		width:100%;
		justify-content: left!important;
		align-items: center;
	}


	.modal_content .explain_title h1 {
		font-size: 1.25rem;
		font-weight: 700;
		line-height: 140%;
	}
	.modal_content .explain_title h1 span{
		position:absolute;
		left:50%;
		transform:translateX(-50%);
		width: max-content;
	}



	.modal_content .explain_body_text {
		color: var(--white, #FFF);
		text-align: justify;
		word-break:break-all;
		font-family: Pretendard;
		font-size: 0.75rem;
		font-style: normal;
		font-weight: 400;
		line-height: 160%; /* 19.2px */
	}

	.modal_content .explain_ex_photo  {
		text-align:right;
		margin-top:1rem;
	}
	.modal_content .explain_ex_photo a {
		color: var(--green, #10DD56);
		/* Body3 */
		font-family: Pretendard;
		font-style: normal;
		font-weight: 500;
		line-height: 160%; /* 22.4px */

	}

	.explain_body_photo_view {
		width: 200px;
	}
	.explain_body_photo .thumblist{
		margin-top: 42px;
	}



	.ui-dialog .ui-dialog-content {
		padding: 1.25rem 1rem;
	}
	.ui-dialog .ui-dialog-content#personalModal,
	.ui-dialog .ui-dialog-content.complateModal{
		overflow: visible !important;
		background-color: #000;
		border-radius: 8px;
		padding: 100px 30px 136px;
	}
	.ui-dialog .ui-dialog-content.complateModal .modal_content .btn_ln1{
		background-color: #000;
	}
	.ui-dialog .explainModal.ui-dialog-content{
		padding: 1.25rem 1.25rem 70px;
		border-radius: 8px;
		overflow: visible !important;
	}
	.ui-dialog .explainModal.ui-dialog-content .back.swiper-slide{
		overflow: hidden;
	}
	.dialog_btn.close_modal{
		top: -42px;
		right: 0;
	}
	.ui-dialog{
		overflow: visible;
	}
	.ui-dialog[aria-describedby*="explainModal"]{
		transform: translateY(-50%);
	}

	.modal_content .pic_title{
		font-size: 12px;
	}

	.explain_body_photo_swiper{
		position: relative;
	}
	.explain_body_photo_swiper .next_btn,
	.explain_body_photo_swiper .prev_btn{
		width: 20px;
    height: 20px;
    background-image: url(https://imgdata.work/psp/assets/images/project/galaxy/arrow_next_20.png);
    background-repeat: no-repeat;
    background-position: center center;
    padding: 0 20px;
		position: absolute;
		top: 50%;
    transform: translateY(-50%) rotate(-180deg);
		z-index: 10;
	}
	.explain_body_photo_swiper .swiper-button-disabled{
		display: none !important;
	}
	.explainModal_body_photo_swiper .pic,
	.explain_body_photo_swiper .pic{
		width: 200px;
		margin: 0 auto;
	}
	.explain_body_photo_swiper .next_btn{
		transform: translateY(-50%);
		right: 0;
	}
	.explainModal_wrap{
		overflow: hidden;
	}
	.explainModal_wrap .front.swiper-slide{
		overflow: hidden;
	}

	.modal_content .galaxy_project_join_btn .btn_ln1 {
		background-color: #000;
	}

	#personalModal2{
		padding:124px 0 130px;
		background-color: #000000;
		border-radius: 8px;
		overflow: visible;
	}


	main.guide .slide1_swiper{
		width : 200px;
		height: 200px;
		margin: 0 auto;
		overflow: hidden;
		position : relative;
	}
	main.guide .slide1_swiper .swiper-pagination{
		top: 182px;
		bottom: auto;
		gap: 6px;
		display : flex;
	}
	main.guide .slide1_swiper .swiper-pagination-bullet{
		background-color: rgba(255,255,255,0.6);
		margin: 0;
		width : 6px;
		height: 6px;
	}
	main.guide .slide1_swiper .swiper-pagination-bullet-active{
		background-color:var(--green);
	}
	main.guide .text01{
		font-size: 12px;
		margin-bottom: 12px;
	}
	main.guide .text_box .text02{
		font-size: 20px;
		line-height: 140%;
	}
	main.guide .text_box .text02{
		line-height: 140%;
	}
	main.guide .guide-swiper{
		padding-top: 32px;
	}
	main.guide .guide-swiper-prev-btn,
	main.guide .guide-swiper-next-btn{
		position : fixed;
		bottom: 40px;
		top: auto;
		height: max-content;
		z-index : 100;
		left: 27px;
	}
	main.guide .guide-swiper-next-btn{
		left: auto;
		right : 27px;
	}
	main.guide .swiper-slide:nth-child(1) p{
		padding: 0 36px;
	}
	main.guide .swiper-pagination{
		position: fixed;
		bottom: 46px;
	}
	main.guide .swiper-slide:nth-child(2) ul{
		display: none !important;
	}
	main.guide .swiper-slide:nth-child(2) p{
		font-size: 12px;
		line-height: 20px;
		position : static;
		transform: none;
		text-align: center;
		margin: 0;
	}
	main.guide .swiper-slide:nth-child(2) p:last-child{
		margin-bottom: 50px;
	}
	main.guide .guide-swiper > .swiper-wrapper > .swiper-slide:nth-child(2){
		height: calc(100dvh - 300px);
		height: calc(100vh - 300px);
		overflow-y: scroll;
	}
	main.guide .swiper-slide:nth-child(2) .scr_wrap{
		height: max-content;
	}
	main.guide .swiper-slide:nth-child(2) .swiper{
		position : relative;
		max-width: 200px;
		margin: 0 auto;
		height: 200px;
		overflow: hidden;
	}
	main.guide .swiper-slide:nth-child(3) .swiper .swiper-pagination,
	main.guide .swiper-slide:nth-child(2) .swiper .swiper-pagination{
		position: absolute;
		bottom: 12px;
		gap: 6px;
	}
	main.guide .swiper-slide:nth-child(3) .swiper .swiper-pagination .swiper-pagination-bullet,
	main.guide .swiper-slide:nth-child(2) .swiper .swiper-pagination .swiper-pagination-bullet{
		margin: 0;
		width : 6px;
		height: 6px;
		background-color : rgba(255,255,255,.6);
	}
	main.guide .swiper-slide:nth-child(3) .swiper .swiper-pagination .swiper-pagination-bullet-active,
	main.guide .swiper-slide:nth-child(2) .swiper .swiper-pagination .swiper-pagination-bullet-active{
		background-color: var(--green);
	}

	main.guide .swiper-slide:nth-child(2) .swiper .swiper-slide{
		width : 100%;
		height: 200px;
	}
	main.guide .swiper-slide:nth-child(2) .swiper .swiper-slide img{
		width : 100%;
		height: 100%;
		object-fit: cover;
	}
	main.guide .swiper-slide:nth-child(3) .swiper{
		position : relative;
		max-width: 200px;
		margin: 0 auto;
		overflow: hidden;
	}
	main.guide .swiper-slide:nth-child(3) .img_box{
		justify-content: flex-start;
		max-width: 100%;
		height: 200px;
		gap: 0;
	}
	main.guide .swiper-slide:nth-child(3) .img_box img{
		max-width : 100%;
	}
	main.guide .swiper-slide:nth-child(1) p,
	main.guide .swiper-slide:nth-child(3) p{
		color: #fff;
	}
	main.guide .back_btn{
		top: 66px;
		left: 12px;
		font-size: 14px;
		gap: 6px;
	}
	main.guide .back_btn::before{
		width : 11px;
		height: 11px;
	}

	.question-area{
		align-items: flex-start;
	}

	ul.q-list{
		height: calc(100vh - 108.021vw);
		padding-bottom: 108px;
	}
	ul.q-list li .q-list-text .q_ico{
		display : none;
	}
	#explainModal1 .explain_body_photo{
		gap: 0;
	}
	.explainModal_wrap .pic_title{
		margin-top: 8px !important;
	}
	.explain_ex_photo a{
		position : absolute;
		left: 50%;
		bottom: 30px;
		transform: translateX(-50%);
		gap: 4px;
		color: var(--green);
		margin-left: 0 !important;
	}
	#explainModal3 .explain_body_photo_swiper .explain_body_photo .swiper-slide div,
	#explainModal3 .explain_body_photo_swiper .explain_body_photo .swiper-slide img,
	#explainModal7 .explain_body_photo_swiper .explain_body_photo .swiper-slide div,
	#explainModal7 .explain_body_photo_swiper .explain_body_photo .swiper-slide img{
		width : 200px;
		margin: 0 auto;
	}

	main.tutorial_body .question li:last-child{
		padding-top: 2px;
	}
	.guide_btn{
		display:flex;
		justify-content: center;
		align-items: center;
		width : 90px;
		height: 38px;
		border-radius: 8px;
		border: 1px solid #2C4A37;
		color: var(--green);
		font-size: 14px;
		margin: 0 auto;
	}
	main.guide .guide-swiper > .swiper-wrapper >.swiper-slide:nth-child(1),
	main.guide .guide-swiper > .swiper-wrapper >.swiper-slide:nth-child(3){
		padding-top: 0;
	}

	ul.q-list li.last{
		display: flex !important;
		gap: 10px;
	}
	ul.q-list li.last button,
	ul.q-list li.last a{
		margin: 0;
	}
	ul.q-list li.answer_etc{
		padding-top: 0;
		margin-bottom: 30px;
	}

	#explainModal9{
		max-height: 600px !important;
		height: calc(100vh - 100px) !important;
		padding-bottom: 20px;
	}
	#explainModal9 .explainModal9,
	#explainModal9 .explainModal9 > .modal_content,
	#explainModal9 .explainModal_wrap .front{
		height: 100%;
	}

	#explainModal9 .scr_wrap{
		height: calc(100% - 40px);
		max-height: calc(100% - 40px);
	}

	main.guide .swiper-slide:nth-child(4){
		height: calc(100dvh - 360px);
		overflow-y: scroll;
	}
	main.guide .swiper-slide:nth-child(4) .link_group{
		flex-direction: column;
		align-items: center;
		margin-top: 0;
		height: max-content;
	}
	main.guide .swiper-slide:nth-child(4) .link_group a{
		width : 180px;
		height: max-content;
		font-size: 14px;
		padding: 10px 0;
	}
	main.guide .swiper-slide:nth-child(4) .link_group a span{
		margin-bottom: 4px;
		font-size: 14px;
	}
	main.guide .swiper-slide:nth-child(4) .link_group a p{
		font-size: 12px;
	}
	main.guide .swiper-slide:nth-child(4) .link_group + .galaxy_project_join_btn{
		width : 208px;
		height: 52px;
		margin-top: 20px !important;
		/* margin-top: 21.333vw !important; */
		/* margin-top: 9.994vh !important; */
	}
	main.guide .swiper-slide:nth-child(4) .galaxy_project_join_btn button{
		height: 100%;
	}
	main.guide .swiper-slide:nth-child(4) .galaxy_project_join_btn .btn_ln1{
		width : 100%;
	}
	main.guide .swiper-slide:nth-child(4) .galaxy_project_join_btn .btn_arrow{
		width : 52px;
	}
}