@charset "utf-8";

.main_text1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 48px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1.5px;
}

.main_text2
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 21px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.main_text3
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 16px;
	color			: #757575;
	line-height		: 150%;
	letter-spacing	: -1px;
}



.index_tit1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 24px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.btn_text1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 16px;
	color			: #757575;
	line-height		: 250%;
	letter-spacing	: -1px;

}


.main_cont1
{
	width			: 384px;
}

.cont_img
{
	position		: relative;
	border-radius	: 4px;
}

.c_img1
{
	overflow		: hidden;
	border-radius	: 4px;
}

.main_cont1 .cont_img .c_img1 img
{
	transition		: all .3s ease;
}

.main_cont1 .cont_img:hover .c_img1 img
{
	cursor			: pointer;
	transform		: scale(1.2);
}


.c_text1
{
	position		: absolute;
	z-index			: 1;
	left			: 24px;
	top				: 97px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 14px;
	color			: #fff;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.c_text1 strong
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 18px;
	color			: #fff;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.c_text2
{
	position		: absolute;
	z-index			: 1;
	right			: 0px;
	border-radius	: 0px 0px 0px 4px;
	display			: inline-block;
	width			: 36px;
	height			: 28px;
	background		: #ea3256;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 14px;
	color			: #fff;
	text-align		: center;
	line-height		: 25px;
}


.main_cont_t1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 16px;
	color			: #212121;
	line-height		: 150%;
	letter-spacing	: -1px;
}

.main_cont_t2
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 14px;
	color			: #616161;
	line-height		: 150%;
	letter-spacing	: -1px;
}



.main_cont_bu1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 12px;
	color			: #2586EE;
	line-height		: 150%;
	height			: 21px;
	letter-spacing	: -1px;
	border-radius	: 100px;
	padding			: 2px 8px;
	border			: 1px solid #2586EE;
}



.c_text3
{
	position		: absolute;
	z-index			: 1;
	left			: 22px;
	bottom			: 21px;
}

.c_text3 strong
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 18px;
	color			: #fff;
	letter-spacing	: -1px;
	background		: #000;
}



#cont_image1
{
	background		: url('../img/main/cont_image1111.png') top left no-repeat;
	height			: 240px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 21px;
	color			: #211917;
}

#cont_image2
{
	background		: #818693;
	border-radius	: 4px;
	height			: 200px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #fff;
	letter-spacing	: -1.5px;
}

.c_text4
{
	position		: absolute;
	z-index			: 1;
	left			: 16px;
	bottom			: 16px;
}

.c_text4 strong
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 16px;
	color			: #fff;
	letter-spacing	: -1px;
	background		: #000;
}


#cont_btn1 a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #212121;
	font-size		: 18px;
	background		: #fff;
	height			: 42px;
	line-height		: 42px;
	padding			: 0px 20px;
	letter-spacing	: -1px;
	border-radius	: 4px;
	border			: 1px solid #212121;
	display			: inline-block;
}

#cont_btn1 li
{
	padding-right	: 20px;
}

#cont_btn1 li.cur a,
#cont_btn1 li a:hover
{
	color			: #fff;
	background		: #212121;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
}





#roadmap
{
	border			: 2px solid #212121;
	border-radius	: 4px;
	height			: 306px;
    position		: relative;
}

#roadmap li > a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	color			: #212121;
	font-size		: 18px;
	height			: 62px;
	line-height		: 62px;
	padding			: 0px 24px 0px 64px;
	letter-spacing	: -1px;
	border-radius	: 100px;
	display			: inline-block;
	background		: url('../img/main/roda_bu1_off.svg') 24px 10px no-repeat#fff;
}

#roadmap li
{
	padding-left	: 38px;
}

#roadmap li:nth-child(2) a
{	background		: url('../img/main/roda_bu2_off.svg') 24px 13px no-repeat#fff;}

#roadmap li:nth-child(3) a
{	background		: url('../img/main/roda_bu3_off.svg') 24px 12px no-repeat#fff;}

#roadmap li:nth-child(4) a
{	background		: url('../img/main/roda_bu4_off.svg') 24px 12px no-repeat#fff;}

#roadmap li:nth-child(5) a
{	background		: url('../img/main/roda_bu5_off.svg') 24px 12px no-repeat#fff;}


#roadmap li.cur a,
#roadmap li a:hover
{
	color			: #fff;
	background		: url('../img/main/roda_bu1_on.svg') 24px 10px no-repeat#9D8531;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

#roadmap li:nth-child(2).cur a,
#roadmap li:nth-child(2) a:hover
{	background		: url('../img/main/roda_bu2_on.svg') 24px 13px no-repeat#9D8531;}

#roadmap li:nth-child(3).cur a,
#roadmap li:nth-child(3) a:hover
{	background		: url('../img/main/roda_bu3_on.svg') 24px 12px no-repeat#9D8531;}

#roadmap li:nth-child(4).cur a,
#roadmap li:nth-child(4) a:hover
{	background		: url('../img/main/roda_bu4_on.svg') 24px 12px no-repeat#9D8531;}

#roadmap li:nth-child(5).cur a,
#roadmap li:nth-child(5) a:hover
{	background		: url('../img/main/roda_bu5_on.svg') 24px 12px no-repeat#9D8531;}


.roadmap_text
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	color			: #212121;
	font-size		: 21px;
	line-height		: 150%;
	letter-spacing	: -1.5px;
	padding			: 50px 50px 0 60px;
}



.roadmap_ab1
{
	position		: absolute;
	bottom			: 55px;
	right			: 49px;
	width			: 80px;
	height			: 80px;
	line-height		: 80px;
	background		: #9E9E9E;
	border-radius	: 100px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #fff;
	text-align		: center;
	
}
















.cont1_tbl1
{
	position		: relative;
	border			: 2px solid #212121;
	border-radius	: 4px;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

.cont_select
{
	position		: relative;
	display			: inline-block;
	width			: 85px;
	height			: 48px;
	float			: left;
}

.cont_select
{
	border-right	: 1px solid #E0E0E0;
}

.cont_select_b a
{
	display			: block;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #000000;
	line-height		: 48px;
	padding-left	: 16px;
	background		: url('../img/menu/down.svg') right center no-repeat;
	background-position	: right 5px center;
}

.cont_select_b a.cur
{
	background		: url('../img/menu/up.svg') right center no-repeat;
	background-position	: right 5px center;
}

.cont_select2
{
	position		: absolute;
	top				: 45px;
	padding-top		: 6px;
	left			: 0px;
	width			: 84px;
	display			: none;
}

.cont_select2_brd
{
	border			: 1px solid #E0E0E0;
	border-radius	: 4px;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
	background		: #fff;
}

.cont_select2 a
{
	display			: block;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 300;
	font-size		: 14px;
	color			: #212121;
	text-align		: left;
	padding-left	: 16px;
	line-height		: 28px;

}

.cont_select2 a:hover
{
	text-decoration	: none;
	color			: #212121;
	font-weight		: 400;

}

.cont_input
{
	float			: left;
	width			: 600px;
	border			: 1px solid #212121;
	border-radius	: 4px;
	margin			: 42px 0 0 300px; 
	
}

.cont_input input
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-size		: 18px;
	color			: #000;
	font-weight		: 300;
	line-height		: 48px;
	width			: 65%;
	padding-left	: 12px;
	border			: none;
	height			: 48px;
}

.cont_btn,
.cont_btn:hover,
.cont_btn2
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-size		: 16px;
	color			: #fff;
	text-align		: center;
	background		: #212121;
	display			: block;
	height			: 48px;
	line-height		: 48px;
	width			: 72px;
}



.cont1_tbl1_ul
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-size		: 16px;
	color			: #212121;
}

ul.cont1_tbl1_ul > li
{
	height			: 38px;
}

.cont1_tbl1_ul strong
{
	font-weight		: 700;
	display			: inline-block;
	width			: 80px;
}

.cont1_tbl1_ul_ab1
{
	position		: absolute;
	bottom			: 42px;
	right			: 42px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 24px;
	color			: #212121;
	letter-spacing	: -1px;
}









#left_menu
{
	float			: left;
	width			: 216px;
}

#left_menu a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-size		: 24px;
	color			: #212121;
	font-weight		: 400;
	height			: 60px;
	line-height		: 60px;
	display			: block;
	border-bottom	: 1px solid #E0E0E0;
	padding			: 0 20px 0 24px;
	letter-spacing	: -1.5px;
}

#left_menu span
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-size		: 24px;
	color			: #9E9E9E;;
	font-weight		: 400;
	display			: inline-block;
	float			: right;
}

#left_menu a:hover,
#left_menu a.cur
{
	color			: #fff;
	background		: #212121;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

#left_menu a:hover span,
#left_menu a.cur span
{
	color			: #fff;
}








.off_tbl1
{
	position		: relative;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #616161;
	letter-spacing	: -1px;
}

.off_tbl1_t1 a,
.off_tbl1_t1 a:hover,
.off_tbl1_t1
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 21px;
	color			: #212121;
	line-height		: 30px;
	padding			: 6px 0;
	display			: block;
	word-wrap		: break-word;
	word-break		: keep-all;
	letter-spacing	: -1px;

}

.off_tbl1_ab1
{
	position		: absolute;
	top				: 22px;
	right			: 24px;
	width			: 80px;
	height			: 80px;
	background		: #9D8531;
	border-radius	: 100px;
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 14px;
	color			: #fff;
	text-align		: center;
	box-shadow		: 0px 20px 20px rgba(0, 0, 0, 0.1);
}

.off_tbl1_ab1 strong
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 700;
	font-size		: 14px;
	color			: #fff;
} 





#tit_tab1_b li:first-child
{
	border-left		: 1px solid #9D8531;
}

#tit_tab1_b li
{
	border-right	: 1px solid #9D8531;
	border-top		: 1px solid #9D8531;
	border-bottom	: 1px solid #9D8531;
	height			: 72px;
}

#tit_tab1_b a
{
	font-family		: 'Noto Sans KR', '노토산스', 'AppleGothic', 'Sans-serif';
	font-weight		: 400;
	font-size		: 21px;
	color			: #9D8531;
	line-height		: 72px;
	text-align		: center;
	letter-spacing	: -1.5px;
	display			: block;
}

#tit_tab1_b a:hover,
#tit_tab1_b li.cur a
{
	color			: #fff;
	background		: #9D8531;
}



.play_relative
{
	position		: relative;
	width			: 282px;

}

.play_images
{
	position		: absolute;
	width			: 100%;
	height			: 100%;
	background		: url('../img/on/play.svg') center center no-repeat rgba(0,0,0, 0.5);
}