@charset "UTF-8";

/* reaset */
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,
fieldset,figcaption,figure,footer,form,header,hgroup,i,iframe,img,input,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,pre,q,
ruby,s,samp,section,select,small,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle;text-decoration: none;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}[hidden]{display:none}
body{line-height:1.5}
h1,h2,h3,h4,h5,h6,p,span{margin:0;padding:0;border:0;font-size:100%;font-weight: normal; vertical-align:baseline}
menu,ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}
table{border-collapse:collapse;border-spacing:0}
/* reaset */

:root {
	--red: #fe2c55;
	--green: #00faa2;
	--blue: #25f4ee;
	--gray: #111111;
	--light-gray: #2d2d2d;
}
*{
    font-family: 'GmarketSans';
	font-weight: normal;
}
img{
	width: 100%;
}
html{
    width: 100%;
    font-size: 62.5%;
}
@media only screen and (max-width:1280px){

	html{
		font-size: 55%;
	}
}
@media only screen and (max-width:960px){

	html{
		font-size: 50%;
	}
}
@media only screen and (max-width:499px){

	html{
		font-size: 45%;
	}
}










#wrap{
    width: 100%;
	background-color: #000;
}
main{
	width: 100%;
}
.container{
	width: 100%;
}
.wrapper{
	max-width: 1440px;
	margin: 0 auto;
	padding: 0 24rem;
}
@media only screen and (max-width:1920px){

	.wrapper{
		padding: 0 5%;
	}
}





/* --- 헤더 --- */
header{
    width: 100%;
	padding: 2rem 0;
    border-bottom: 1px solid var(--light-gray);
    background-color: #000000;
    position: fixed;
	top: 0;
	left: 0;
    z-index: 2;
}
header .wrapper{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
header h1{
	max-width: 150px;
	width: 15%;
    min-width: 100px;
    display: grid;
	align-items: center;
}
nav ul{
	margin-top: 1.5%;
	display: flex;
	flex-wrap: wrap;
	gap: clamp(2rem, 3.3vw, 6rem);
}
nav ul li,
nav ul li a{
	display: grid;
    align-items: center;
	font-size: clamp(13px, 2.5vw, 2rem);
	color: #ffffff;
	cursor: pointer;
}
.btn_nav{
	margin: 0 !important;
}
.btn_nav a{
	padding: clamp(0.5rem, 1vw, 1rem) clamp(1.5rem, 3vw, 4rem) !important;
    font-size: clamp(14px, 3vw, 2rem) !important;
}
@media only screen and (max-width:499px){

	header .wrapper {
		display: block;
	}
	nav ul{
		margin-top: 3%;
		justify-content: space-between;
    	gap: unset;
	}
}





/* --- 비주얼 --- */
.hero{
	position: relative;
	padding-top: 10rem;
}
.hero .container{
    /*background: url(../images/hero.png) bottom right 16rem / auto no-repeat;*/
	padding: 9rem 0 27rem;
}
.hero_tit h2{
	padding-bottom: 5rem;
	font-family: "TikTok Sans", sans-serif;
	font-size: clamp(40px, 12vw, 6.8rem);
	font-weight: bold;
	line-height: 1.2;
	color: #ffffff;
}
.hero_text ul{
	display: flex;
	flex-wrap: wrap;
	gap: 3rem;
}
.hero_text ul li{
	display: flex;
	flex-wrap: wrap;
	gap: 1rem;
}
.hero_text ul li figure{
	width: 2rem;
}
.hero_text .location{
	width: 1.6rem;
}
.hero_text ul li p{
	font-size: 2.2rem;
	color: #ffffff;
	line-height: 1.3;
}
.btn{
    width: fit-content;
	margin-top: 5rem;
}
.btn a,
#btn{
    display: inline-block;
    padding: 1.3rem 9rem;
    border-radius: 4rem;
	background-color: var(--red);
    font-size: 2.6rem;
    color: #ffffff;
}
.hero-bgi{
	width: 950px;
    position: absolute;
    bottom: 0;
    right: 13rem;
}
.hero-bgi img{
	position: absolute;
    bottom: 0;
}
@media only screen and (max-width:1920px){

	.hero-bgi{
		width: 55%;
		right: 5%;
	}
}
@media only screen and (max-width:950px){

	.hero .container {
		padding: 9rem 0 0;
		position: relative;
	}
	.hero-bgi{
		width: 90%;
        margin: 5rem auto 7rem;
		position: unset;
	}
	.hero-bgi img {
		position: relative;
		bottom: -2px;
	}
	.btn a, #btn {
		padding: 5% 8rem;
	}
}
@media only screen and (max-width:499px){

	.hero_text ul {
		gap: 1rem;
	}
	.hero_text ul li {
		gap: 1rem;
		width: 100%;
	}
}





/* --- 랜딩페이지 --- */
/* --- 인사말 --- */
.overview .container{
	padding: 14rem 0;
	background-color: var(--gray);
}
.overview .wrapper{
	position: relative;
}
.overview_back_01{
	max-width: 18rem;
	width: 10vw;
	min-width: 9rem;
	aspect-ratio: 1 / 0.92;
    background: url(../images/asset_01.png) top left / cover no-repeat;
    position: absolute;
    top: -10rem;
    left: 35rem;
}
.overview_back_02{
	max-width: 16rem;
	width: 9vw;
	min-width: 8rem;
	aspect-ratio: 1 / 0.84;
    background: url(../images/asset_02.png) bottom right / cover no-repeat;
    position: absolute;
    bottom: -10rem;
    right: 35rem;
}
.overview_tit{
	text-align: center;
}
.overview_tit h3{
	max-width: 69rem;
	width: 80%;
	margin: 0 auto 2rem;
}
.overview_tit span{
	font-size: clamp(15px, 4vw, 2.4rem);
	color: var(--red);
}
.overview_tit p{
	font-size: clamp(15px, 4vw, 2.4rem);
	font-weight: lighter;
	color: #ffffff;
}
@media only screen and (max-width:1920px){

	.overview_back_01{
		left: 10vw;
	}
	.overview_back_02{
		right: 10vw;
	}
}





/* --- 아젠다 --- */
.agenda .container{
	padding-top: 15rem;
	padding-bottom: 0;
    background-color: unset;
}
.agenda_tit h3,
.experience_tit h3,
.location_tit h3,
.faq_tit h3{
	max-width: 24rem;
	width: 30%;
	margin: 0 auto 5rem;
}
.agenda_menu{
	background-color: var(--red);
}
.agenda_menu ul{
	display: flex;
	flex-wrap: wrap;
}
.agenda_menu ul li{
	padding: 1rem 0;
	font-size: 1.8rem;
	color: #ffffff;
	text-align: center;
}
.agenda .time{
	width: 14%;
    min-width: 130px;
}
.agenda .session{
	width: calc(100% - 130px);
	max-width: 86%;
}
.agenda_list > ul{
	border-bottom: 1px solid var(--light-gray);
}
.agenda_list .time{
    font-size: 1.8rem;
    color: #ffffff;
    text-align: center;
    display: grid;
    align-items: center;
}
.agenda_list .session{
    padding: 3rem 0;
	box-sizing: border-box;
    font-size: 2.2rem;
    font-weight: bold;
    color: #ffffff;
    text-align: center;
}
.list_off,
.list_on{
	display: flex;
	flex-wrap: wrap;
}
.list_off .session{
    padding: 3rem;
}
.list_on .session{
	text-align: left;
}
.list_off p{
	font-size: clamp(13px, 2.5vw, 1.6rem);
	color: var(--red);
}
.session_tit span{
	display: block;
	width: fit-content;
	margin-bottom: 1.5rem;
	border: 1px solid var(--red);
	padding: 6px 14px;
	font-size: clamp(13px, 2vw, 1.4rem);
	color: var(--red);
}
.session_tit strong{
	font-size: 2.8rem;
}
.session_cont {
    padding: 4rem 2.5rem;
	box-sizing: border-box;
    position: relative;
    border-radius: 2rem;
    background: linear-gradient(to bottom, #ffffff10, #fe2c5520);
    z-index: 0;
	cursor: pointer;
}
.session_cont:hover{
	box-shadow: 0 0 0.5rem 0.5rem #3d3d3dcc;
}
.session_cont::before {
    content: "";
    position: absolute;
    inset: 0;
    padding: 5px 1px;
    border-radius: inherit;
    background: linear-gradient(#fe2c5500, #fe2c5520, #fe2c55);
    -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
    -webkit-mask-composite: xor;
    mask-composite: exclude;
    z-index: -1;
}
.session_speaker{
    padding-top: 7rem;
    display: grid;
    align-items: center;
}
.session_speaker figure{
	width: 6rem;
}
.speaker_wrapper dl{
	width: calc(100% - 8rem);
	padding: 0.5rem 0;
}
.speaker_wrapper dt{
	font-size: clamp(14px, 2.5vw, 1.7rem);
}
.speaker_wrapper dt span{
	font-size: 12px;
	font-weight: normal;
}
.speaker_wrapper dd{
    padding-top: 0.5rem;
	font-size: clamp(13px, 2.5vw, 1.4rem);
    font-weight: normal;
}


.session_keynote .session_cont{
	display: flex;
	flex-wrap: wrap;
}
.session_keynote .session_tit{
	width: 60%;
}
.session_keynote .session_speaker{
    padding-top: 2rem;
}
.session_keynote .speaker_wrapper{
	display: flex;
    flex-wrap: wrap;
	gap: 2rem;
}
.session_panel .session_tit span{
	border: 1px solid var(--green);
	color: var(--green);
}
.session_panel .session_cont {
    background: linear-gradient(to bottom, #ffffff10, #00faa220);
}
.session_panel .session_cont::before {
    background: linear-gradient(#00faa200, #00faa220, #00faa2);
}
.session_breakout .session_tit span{
	border: 1px solid var(--blue);
	color: var(--blue);
}
.session_breakout .session{
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
.session_breakout .session_cont {
	width: 32%;
    background: linear-gradient(to bottom, #ffffff10, #25f4ee20);
}
.session_breakout .session_cont::before {
    background: linear-gradient(#25f4ee00, #25f4ee20, #25f4ee);
}
.session_panel .speaker_wrapper ul{
	display: flex;
    flex-wrap: wrap;
	gap: 4rem;
}
.session_breakout .speaker_wrapper ul{
	display: grid;
    gap: 3rem;
}
.session_panel .speaker_wrapper ul li,
.session_breakout .speaker_wrapper ul li{
	display: flex;
    flex-wrap: wrap;
	gap: 2rem;
}
.session_panel .speaker_name_color{
	font-size: 1.7rem;
	font-weight: bold;
	color: var(--green);
}
.speaker_position{
	font-size: 12px;
}


.modal{
	display: none;
	position: fixed;
    top: 0;
    left: 0;
    width: 100%;
	height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 1000;
}
.modal_inner{
	max-width: 600px;
	width: 80%;
	max-height: 100vh;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
}
.btn_close{
	width: 3rem;
    height: 3rem;
    position: absolute;
	top: -5rem;
    right: 0;
	cursor: pointer;
}
.modal_tit{
	padding: 3rem;
    border-radius: 2rem 2rem 0 0;
    background-color: var(--blue);
}
.modal_tit span{
    display: block;
    width: fit-content;
    margin-bottom: 1.5rem;
    border: 1px solid #000000;
    padding: 6px 14px;
    font-size: clamp(13px, 0.8vw, 1.4rem);
}
.modal_tit strong{
    font-size: clamp(18px, 2.5vw, 2.4rem);
	font-weight: bold;
}
.modal_cont_01 .modal_tit,
.modal_cont_02 .modal_tit{
    background-color: var(--red);
}
.modal_cont_03 .modal_tit{
    background-color: var(--green);
}
.modal_cont_01 .modal_tit span,
.modal_cont_02 .modal_tit span{
    border: 1px solid #ffffff;
	color: #ffffff;
}
.modal_cont_01 .modal_tit strong,
.modal_cont_02 .modal_tit strong{
    color: #ffffff;
}
.modal_speaker ul{
	display: grid;
	gap: 2rem;
}
.modal_speaker ul li{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.speaker_name_color{
	font-weight: bold;
	color: var(--green);
}
.modal_overview{
	padding: 3rem;
    background-color: #ffffff;
}
.modal_overview p{
	font-size: clamp(13px, 1.5vw, 1.6rem);
    letter-spacing: -0.5px;
}
.modal_speaker{
	padding: 3rem;
	border-radius: 0 0 2rem 2rem;
    background-color: #f2f2f2;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.modal_speaker figure{
	width: 8rem;
}
.modal_speaker dl{
	width: calc(100% - 10rem);
	padding-top: 1.5rem;
}
.modal_speaker dt{
	font-size: clamp(13px, 1.5vw, 1.8rem);
    font-weight: bold;
}
.speaker_name{
	font-size: 12px;
}
.modal_speaker dd{
	font-size: clamp(13px, 1.5vw, 1.5rem);
    margin-top: 0.5rem;
}
.modal_inner > div[class^="modal_cont_"] {
  	display: none;
}
body.modal-open {
	position: fixed;
	width: 100%;
	overflow: hidden;
	left: 0;
	right: 0;
  	overscroll-behavior: none;
}

@media only screen and (max-width:1440px){

	.session_tit strong br{
		display: none;
	}
	.session_keynote .session_tit {
		width: unset;
	}
	.session_keynote .session_cont {
		display: block;
	}
	.session_keynote .session_speaker {
		padding-top: 7rem;
	}
}
@media only screen and (max-width:1600px) and (min-width:960px){

	.session_panel .speaker_wrapper ul li:nth-child(1),
	.session_panel .speaker_wrapper ul li:nth-child(3){
		width: 30rem;
	}
	.session_panel .speaker_wrapper ul li:nth-child(2){
		width: calc(100% - 34rem);
	}
}
@media only screen and (max-width:960px){

	.session_panel .speaker_wrapper ul {
    	display: grid;
		gap: 3rem;
	}
	.session_breakout .session {
		display: grid;
		justify-content: unset;
		gap: 3rem;
	}
	.session_breakout .session_cont {
		width: 100%;	
	}
}
@media only screen and (max-width:740px){
	
	.modal_overview p br{
		display: none;
	}
}

@media only screen and (max-width:499px){

	.agenda .time {
		width: 100px;
		min-width: unset;
		padding-right: 5px;
	}
	.agenda .session {
		width: calc(100% - 105px);
		max-width: unset;
	}
	.modal_tit,
	.modal_overview,
	.modal_speaker {
		padding: 6% 5%;
	}
	.modal_speaker figure {
		width: 50px;
	}
	.modal_speaker dl {
		padding-top: 0.5rem;
	}
	.modal_speaker dd {
		margin-top: unset;
	}
}





/* --- 체험존 --- */
.experience .container{
	padding: 15rem 0 6rem;
}
.experience_tit p{
	font-size: 2rem;
	color: #ffffff;
	text-align: center;
}
.experience_tit p .blue_point{
	color: var(--blue);
}
.experience_tit p .red_point{
	color: var(--red);
}
.experience_list{
	margin-top: 6rem;
}
.experience_list ul{
	display: flex;
	flex-wrap: wrap;
	gap: 4rem;
}
.experience_list ul li{
	width: calc((100% - 8rem)/3);
	padding: 5rem 3rem;
	box-sizing: border-box;
	border-radius: 2rem;
	background-color: var(--light-gray);
	text-align: center;
}
.experience_list figure{
	width: 12rem;
	margin: 0 auto 5rem;
}
.experience_list strong{
	font-size: 3.0rem;
	font-weight: bold;
	color: var(--red);
}
.experience_list .line{
	display: block;
	width: 100%;
	height: 1px;
	margin: 3rem 0;
	background-color: var(--red);
}
.experience_list p{
	font-size: clamp(14px, 1.5vw, 1.8rem);
	color: #ffffff;
}
.experience .list_symphony{
	position: relative;
    top: 6rem;
}
.experience .list_symphony strong{
	color: var(--blue);
}
.experience .list_symphony .line{
	background-color: var(--blue);
}
.experience .list_shop strong{
	color: var(--green);
}
.experience .list_shop .line{
	background-color: var(--green);
}
.experience .list_shop .shop_info{
	margin-top: 3rem;
	font-size: clamp(13px, 1.3vw, 1.6rem);
	color: var(--green);
}
@media only screen and (max-width:960px){

	.experience_list ul li {
		width: 100%;
        max-width: 400px;
        margin: 0 auto;
	}
	.experience .list_symphony {
		position: unset;
	}
}





/* --- 오시는길 --- */
.location .container{
	padding: 15rem 0;
}
.location_cont{
	margin-bottom: 3rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1rem;
}
.location_cont figure{
	width: 1.7rem;
    display: grid;
	align-items: center;
}
.location_cont p{
	font-size: 2rem;
	color: #ffffff;
}
.location_cont span{
	font-weight: bold;
}
.location_tit .map{
	max-width: 120rem;
	width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #161616;
}
.location_tit .map img{
    max-width: 72rem;
    width: 90%;
}
.location_list{
	margin-top: 8rem;
	display: flex;
	flex-wrap: wrap;
	gap: 5rem;
}
.location_list ul{
	width: calc(50% - 2.5rem);
}
.transit_tit{
	display: flex;
	flex-wrap: wrap;
}
.transit_tit h4{
	font-size: clamp(14px, 1.5vw, 1.8rem);
	font-weight: bold;
	color: var(--blue);
}
.transit_private .transit_tit h4{
	color: var(--red);
}
.location_list figure{
	width: 6rem;
}
.location_list ul li{
	margin-top: 3rem;
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.location_list .dot{
	display: block;
	width: 5px;
	height: 5px;
	margin: 1rem 1rem 0 0;
	border-radius: 3px;
	background-color: var(--blue);
}
.transit_private .dot{
	background-color: var(--red);
}
.transit_text{
	width: calc(100% - 8rem);
	font-size: clamp(14px, 1.5vw, 1.8rem);
	color: #ffffff;
	display: flex;
	flex-wrap: wrap;
}
.transit_text strong{
	width: 100%;
	font-weight: bold;
	color: var(--blue);
}
.transit_private .transit_text strong{
	color: var(--red);
}
.transit_text p{
	width: calc(100% - 2rem);
}
.transit_info{
	margin-top: 4rem;
}
.transit_info p{
	font-size: clamp(13px, 1.5vw, 1.6rem);
	color: #ffffff;
}
@media only screen and (max-width:960px){

	.location_list ul{
		width: 100%;
	}
}





/* --- faq --- */
.faq .container,
.success .container{
	border-top: 1px solid var(--light-gray);
	padding: 15rem 0;
}
.faq_list ul li{
	border-bottom: 1px solid var(--light-gray);
	color: #ffffff;
}
.faq_list ul li:first-child{
	border-top: 2px solid var(--red);
}
.faq_list ul li:last-child{
	border-bottom: 2px solid var(--red);
}
.faq_list ul li figure{
	width: 3.3rem;
}
.question{
	padding: 4rem;
	display: flex;
	flex-wrap: wrap;
	gap: 1.5rem;
	position: relative;
	cursor: pointer;
	-webkit-tap-highlight-color: transparent;
	touch-action: manipulation; /* 모바일에서 스와이프 간섭 줄임 */
	pointer-events: auto;
	position: relative;
}
.question strong{
    width: calc(100% - 8.3rem);
	font-size: clamp(16px, 3.5vw, 2.8rem);
    font-weight: bold;
    line-height: 3.8rem;
}
.question .arrow{
	width: 2rem;
	display: grid;
	align-items: center;
	cursor: pointer;
  	transition: none; /* 애니메이션 제거 */
}
.question.active .arrow {
  	transform: rotate(180deg);
}
.answer{
	display: none;
	padding: 0 4rem 4rem 4rem;
	font-size: clamp(14px, 1.5vw, 1.8rem);
}
@media only screen and (max-width:960px){

	.question {
		padding: 5%;
	}
}





/* --- 등록페이지 --- */
.register .container{
	border-top: 1px solid var(--light-gray);
	padding: 15rem 0;
}
.register .wrapper{
	max-width: 1100px;
}
.register_tit{
	display: flex;
    justify-content: space-between;
	color: #fff;
}
.register_tit h3{
	display: inline-block;
	font-size: clamp(16px, 4.5vw, 3.2rem);
    font-weight: bold;
}
.register_tit span{
	display: inline-block;
	margin-top: 2.5rem;
	font-size: 13px;
	color: var(--red);
}
.register_list{
	border-top: 2px solid var(--red);
	margin: 2rem 0 5rem;
}
.register_list ul li{
	border-bottom: 1px solid var(--light-gray);
	padding: 2.4rem 5%;
}
.register_list label{
	width: 20rem;
    display: inline-block;
	font-size: 2.4rem;
    color: #ffffff;
}
.register_list input,
#session{
	width: 50rem;
    border-radius: 3rem;
    border: none;
    box-sizing: border-box;
    padding: 1.2rem 2rem;
    font-size: 2rem;
	background-color: #ffffff;
}
input::placeholder{
    color: #c1c1c1;
}
#session option {
	color: #000000; /* 드롭다운을 펼쳤을 때 옵션 목록의 색 */
}
#session option:first-child {
	color: #c1c1c1; /* 첫 옵션은 회색 */
}
#session {
	color: #000000; /* 닫힌 상태에서 보이는 선택된 값의 색 제어 */
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;

	background-color: #ffffff;
	background-image: url("data:image/svg+xml;utf8,<svg fill='%23000000' height='24' viewBox='0 0 24 24' width='24' xmlns='http://www.w3.org/2000/svg'><path d='M7 10l5 5 5-5z'/></svg>");
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 24px;

	padding-right: 40px; /* 텍스트랑 화살표 겹치지 않게 */
}
#session:has(option:first-child:checked) {
	color: #c1c1c1; /* 첫 옵션이 선택돼 있으면 회색 */
}
.register_list ul li label span{
	color: var(--red);
	vertical-align:-6px;
}
.privacy-list {
	padding: 4rem 5rem;
	background-color: var(--gray);
}
  
/* 체크박스 전용 */
.privacy-list input[type="checkbox"] {
	-webkit-appearance: checkbox !important;
	appearance: checkbox !important;
	display: inline-block !important;
 
	width: 18px!important;
	height: 18px!important;
	min-width: 18px!important;
	min-height: 18px!important;
 
	background: #fff!important;
	border: 1px solid #000!important;
	flex-shrink: 0!important; /* flex 안에서 찌그러지지 않도록 */
}
 
.privacy-list label {
	width: calc(100% - 4rem);
	margin-left: 1rem;
	color: #ffffff;
	font-size: clamp(12px, 2.5vw, 1.5rem);
	font-weight: lighter;
	line-height: 1.5;
}
 
.privacy-list ul li {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start; /* 체크박스와 텍스트가 잘 정렬되도록 */
}
 
.privacy-list ul li:first-child {
	margin-bottom: 3rem;
}
.btn-rgst{
	margin: 5rem auto 0;
}
#btn{
    padding: 1.95rem 9rem;
	border: none;
	cursor: pointer;
}
@media only screen and (max-width:1920px){

	.register .wrapper{
		padding: 0 15%;
	}
}
@media only screen and (max-width:1280px){

	.register .wrapper{
		padding: 0 10%;
	}
}
@media only screen and (max-width:960px){

	.register .wrapper{
		padding: 0 5%;
	}
	.register_tit{
		display: block;
	}
	.register_tit h3{
		width: 100%;
	}
	.register_tit span{
		margin-top: 1rem;
	}
	.register_list input, #session {
		margin-top: 1rem;
		width: 100%;
	}
}
@media only screen and (max-width:499px){

	.privacy-list {
		padding: 5%;
	}
}




/* --- 완료페이지 --- */
.success_text{
	text-align: center;
	color: #ffffff;
}
.success_text strong{
	font-size: 4.4rem;
	font-weight: bold;
}
.success_text span{
	font-weight: bold;
	color: var(--blue);
}
.success_text p{
	margin: 5rem 0 7rem;
	font-size: 2.2rem;
}
.btn-end{
	margin: 0 auto;
}
.btn-end a{
	padding: 1.3rem 10.5rem;
}





/* --- 푸터 --- */
footer .container{
	padding: 5rem 0;
	background-color: var(--gray);
}
.footer-text{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.contact{
	width: fit-content;
}
.contact strong{
	font-size: clamp(13px, 1.5vw, 1.6rem);
	font-weight: bold;
	color: #ffffff;
}
.contact > a{
	font-size: clamp(13px, 1.5vw, 1.6rem);
	color: #ffffff;
}
.contact p{
	margin-top: 2rem;
	font-size: 13px;
	color: #868585;
}
.contact p a{
	font-size: 13px;
	color: #868585;
	text-decoration: underline;
	text-underline-position: under;
}
.contact a img{
	width: 2.2rem;
    margin: 0 1rem 0 3rem;
}
.icon{
	display: flex;
	flex-wrap: wrap;
	gap: 2rem;
}
.icon img{
	width: 5rem;
}
.logo{
	width: 28rem;
	margin: 0 auto;
	padding: 5rem 0;
}
@media only screen and (max-width:960px){

	.contact{
		width: 100%;
	}
	.icon {
		margin: 4rem 0 0;
	}
}
@media only screen and (max-width:499px){

	.contact strong {
		display: inline-block;
		width: 100%;
	}
	.contact a img {
		margin: 0 1rem 0 0;
	}
	.contact > a {
		display: inline-block;
		margin-top: 1.2rem;
	}
}