@charset "UTF-8";

@font-face { font-family: 'GmarketSansMedium'; src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff'); font-weight: normal; font-style: normal;}



/* 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,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,pre,q,

ruby,s,samp,section,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:baseline;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;

	--blue: #25f4ee;

	--gray: #171717;

	--light-gray: #2d2d2d;

	}





*{

    font-family: 'GmarketSansMedium';

}

img{

	width: 100%;

}

html{

    width: 100%;

    font-size: 62.5%;

}



#wrap{

    width: 100%;

	background-color: #000;

}



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

	

	html{

        font-size: 60%;

    }

}

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



	html{

        font-size: 55%;

    }

}

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



	html{

        font-size: 50%;

    }

}







.back{

	position: absolute;

}

.back.b1{

    width: clamp(130px, 17%, 29rem);

    position: absolute;

    right: 0;

    bottom: 92%;

}

.back.b2{

    width: clamp(150px, 20%, 31rem);

    position: absolute;

    left: 0;

    bottom: -11rem;

}

.back.b3{

	width: clamp(100px, 15%, 19rem);

    position: absolute;

    right: 0;

    bottom: 3rem;

}





/* --- 비주얼 --- */

main{

	width: 100%;

}

.main_ad{

	width: 100%;

}

.container{

	width: 100%;

	max-width: 1440px;

	margin: 0 auto;

	position: relative;

	z-index: 2;

}

.wrapper{

	width: 100%;

	max-width: 1020px;

	margin: 0 auto;

}

.main_ad_tit{

	padding: 12rem 0 7rem;

}

.main_ad_tit h1{

	max-width: 98.4rem;

    width: 100%;

    margin: 0 auto 3rem;

}

.main_ad_tit p{

	margin: 1rem 0 0;

    font-size: 2.1rem;

    color: #fff;

    text-align: center;

}

.main_ad_tit p img{

	width: 1.9rem;

    margin: 0 0.6rem 0 0;

}

.main_ad_tit p:last-child img{

    position: relative;

    top: 0.5rem;

}





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



	.container,

	.speaker .container {

		padding: 0 7%;

		box-sizing: border-box;

	}

}

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

	

	.main_ad_tit h1 {

		margin: 0 auto 2rem;

	}

	.main_ad_tit p{

		margin: 0;

	}

}











/* --- 랜딩페이지 --- */

/* --- 인사말 --- */

.script{

	width: 100%;

}

.script_text{

	padding: 12rem 0;

    text-align: center;

}

.script_text strong{

	font-size: 3.6rem;

	font-weight: bold;

	color: var(--blue);

}

.script_text p{

	margin: 2.5rem 0 0;

	font-size: 2.2rem;

	color: #fff;

}















/* --- 아젠다 --- */

br[class="off"]{

	display: none;

}

.agenda{

	padding: 15rem 0;

	background-color: var(--gray);

	position: relative;

}

h2{

	font-weight: 900;

}

.component-tit{

	margin: 0 0 6rem;

	font-size: 5rem;

	font-weight: bold;

	text-align: center;

	color: #fff;

}

.component-list{

    margin: 0 auto;

}

.agenda .session{

	width: 100%;

	margin: 0 0 4rem;

	font-size: 1.8rem;

}

.agenda .session ul{

	display: flex;

	flex-wrap: wrap;

}

.agenda .session ul li:first-child{

	width: 20rem;

}

.agenda .session ul li:last-child{

	margin: 0 0 0 3rem;

    padding: 1rem 0 0 3rem;

    width: calc(100% - 26rem);

}

.agenda_session,

.agenda_time{

	display: block;

    border: 1px solid var(--blue);

    border-radius: 6px 6px 0 0;

	padding: 0.4rem 0;

    color: var(--blue);

    text-align: center;

}



.agenda_session{

    border-bottom: none;

	background-color: var(--blue);

	color: var(--gray);

	font-weight: 900;

}

.agenda_time{

    border-radius: 0 0 6px 6px;

	padding: 1.2rem 0;

}

.session_name{

	font-size: 2.8rem;

	font-weight: 900;

    color: var(--blue);

    position: relative;

}

.session_speaker{

	color: #fff;

}

.time_off .agenda_time{

    border-radius: 6px;

}

.name_off{

	background-color: #202020;

}

.name_off .session_name{

	color: #fff;

	top: -0.3rem;

}

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



	br[class="off"]{

		display: block;

	}

	.agenda .session {

		margin: 0 0 7rem;

	}

	.agenda .session ul li:first-child {

        width: 100%;

        display: flex;

    }

	.agenda .session ul li:last-child {

        margin: 0;

        padding: 2rem 0 0;

        width: 100%;

		text-align: center;

    }

	.agenda_session,

	.agenda_time{

		width: 100%;

		display: inline-block;

	}

	.agenda_session{

		border-radius: 6px 0 0 6px;

		padding: 1.2rem 0;

	}

	.agenda_time {

		border-radius: 0 6px 6px 0;

	}

	.name_off .session_name{

		top: -1rem;

	}

}















/* --- 스피커 --- */

.speaker{

	padding: 15rem 0;

	position: relative;

}

.speaker_wrapper{

	max-width: 820px;

    width: 100%;

}

.speaker_wrapper ul{

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

	gap: 5rem;

}

.speaker_wrapper ul li{

	width: 24rem;

    text-align: center;

    color: #fff;

}

.speaker_wrapper ul li span{

	font-size: clamp(18px, 4vw, 2.2rem);

}

.speaker_wrapper ul li p {

    font-size: clamp(14px, 2vw, 1.6rem);

}

.speaker_wrapper figure{

	margin: 0 auto 3rem;

	width: 100%;

}



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

	

	.speaker_wrapper ul {

		gap: 4%;

	}

	.speaker_wrapper ul li {

		width: 48%;

        margin: 0 0 5rem;

	}

}

















/* --- 인포 --- */

.information{

	padding: 0 0 15rem;

	position: relative;

}

.information_wrapper ul li{

	margin: 0 auto;

    width: fit-content;

    font-size: 2rem;

    color: #fff;

    display: flex;

    flex-wrap: wrap;

	justify-content: center;

}

.information_wrapper ul li:last-child{

	margin: 2rem auto 0;

}

.information_wrapper figure{

	width: 2.4rem;

    margin: 0 1rem 0 0;

}

.information_wrapper .highlight{

	color: var(--red);

}



















/* --- 등록페이지 --- */

.register{

	width: 100%;

	position: relative;

}

.register_tit{

	margin: 8rem 0 0;

	display: flex;

    justify-content: space-between;

	color: #fff;

}

.register_tit h2{

	display: inline-block;

	font-size: 3.2rem;

    font-weight: bold;

}

.register_tit span{

	display: inline-block;

	margin: 2.5rem 0 0;

	font-size: clamp(13px, 2.7vw, 1.4rem);

	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 ul li label,

.register_list ul li .chk_title{

	width: 20rem;

    display: inline-block;

	font-size: 2.4rem;

    color: #fff;

}

.register_list ul li input{

	width: 450px;

    border-radius: 3rem;

    border: none;

    box-sizing: border-box;

    padding: 1.2rem 2rem;

    font-size: 2rem;

}

input::placeholder{

    color: #c1c1c1;

}

.register_list ul li label span,

.register_list ul li .chk_title span{

	color: var(--red);

}

.register_list ul li .chk_title{

	width: 100%;

}

#disagree{

	margin: 0 0 0 4rem;

}

.register .privacy{

	margin: 0 0 5rem;

	padding: 5% 6%;

	background-color: #171717;

}

.register .privacy-wrapper{

	display: flex;

    align-items: baseline;

}

.register .privacy-wrapper:last-child{

	margin: 1.8rem 0 0;

}

.register .privacy label{

	margin: 0 0 0 0.5rem;

    font-size: clamp(13px, 2.7vw, 1.5rem);

	color: #aaa;

}

.register .privacy label a{

	color: #aaa;

	text-decoration-line: underline;

	text-underline-position: under;

}

.btn{

	text-align: center;

}

#btn,

.btn a{

	padding: 1.15rem 9.1rem;

    border: none;

    border-radius: 5rem;

    background-color: var(--red);

    font-size: 2.8rem;

    color: #fff;

    cursor: pointer;

    display: inline-block;

}

.btn p{
    margin: 3rem 0 0;
	font-size: 1.8rem;
    color: #fff;
    line-height: 3rem;
}

#btn{

	margin: 0 0 9.3rem;

}

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



	.register_tit {

		display: block;

	}

	.register_tit h2,

	.register_tit span{

		display: block;

	}

	.register_tit span{

		margin: 0.5rem 0 0;

	}

	.register_list ul li label,

	.register_list ul li .chk_title {

		width: 100%;

	}

	.register_list ul li input {

		width: 100%;

		margin: 0.5rem 0 0;

	}

}

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



	.register_tit span {

		margin: 1rem 0 0;

	}

}

















/* --- 완료페이지 --- */

.success .script{

	padding: 0;

}

.success_text {

    padding: 8rem 0 7rem;

    text-align: center;

    color: #fff;

}

.success_text strong{

	font-size: 3.6rem;

	font-weight: 900;

}

.success_text span{

	font-weight: 900;

	color: var(--blue);

}

.success_text p{

	margin: 4rem 0 0;

	font-size: 2.4rem;

}

.success .information{

	background-color: var(--gray);

}

.btnwrapper{

	margin: 0 0 15rem;

	display: flex;

	flex-wrap: wrap;

	justify-content: center;

    gap: 4%;

}

.btnwrapper .btn{

	max-width: 48rem;

    width: 48%;

}

.btnwrapper .btn a{

	width: 100%;

	box-sizing: border-box;

	padding: 1.1rem;

	font-size: 2.8rem;

	background-color: var(--red);

	color: #fff;

}

.btnwrapper .btn_blue a{

	background-color: var(--blue);

	color: #000;

}



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



	br[class="on"]{

		display: none;

	}

	.btnwrapper .btn{

		width: 90%;

	}

	.btnwrapper .btn_blue{

		margin: 2rem auto 0;

	}

}

















/* --- footer --- */



footer{

	border-top: 1px solid var(--light-gray);

	padding: 5rem 0;

}

footer .icon{

	text-align: center;

}

footer .icon a{

	width: 5rem;

    display: inline-block;

    margin: 0 2rem 0 0;

}

footer .icon a:last-child{

	margin: 0;

}

footer .contact{

	margin: 3rem 0;

	color: #fff;

	text-align: center;

}

footer .contact strong{

	margin: 0 2rem 0.5rem;

	font-size: clamp(13px, 2.7vw, 1.6rem);

	font-weight: bold;

    display: inline-block;

}

footer .contact a,

footer .contact span{

    width: fit-content;

	margin: 0 1rem 0.5rem;

	font-size: clamp(13px, 2.7vw, 1.6rem);

	color: #fff;

	display: inline-block;

}

footer .contact span:last-child{

	margin-right: 0;

}

footer .contact img{

    width: 2.2rem;

    margin: 0 0.5rem 0 0;

    position: relative;

    top: 0.2em;

}

footer .logo{

	width: 29rem;

    margin: 0 auto;

}