*,html			{margin: 0;	padding: 0;	outline: none; box-sizing: medium; font-size:16px;	-webkit-tap-highlight-color:transparent;}
html, body		{
					margin: 0;
					padding: 0;
					width:100%;
					max-width: 100%;
					height:100%;
					overflow-x:hidden;
					font-family: "Pretendard", "Noto Sans KR" , AppleGothic, Roboto, sans-serif;
					font-size:1rem;
					line-height:1.7rem;
					letter-spacing:-0.7px;
				}
div				{ text-align:center;box-sizing:border-box;word-wrap:break-word; }

.mo, .po, .to		{display:none;}

.block_box		{padding:10rem 0;position:relative;}
.block_title	{font-size:40pt;font-weight:800;color:#222;}
.block_slogan	{padding-top:2.3vw;font-size:22pt;line-height:1.5em;}
.block_detail	{padding-top:2.3vw;font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
.primary_bold	{color:var(--primary_color);font-size:1em;font-weight:600;}

.block_svc			{clear:both;padding-top:4em;}
.block_svc_box		{width:calc(25% - 1em);float:left;margin-left:1em;background:#fff;border-radius:1em;padding:2em;height:21em;}
.block_svc_img		{padding:80px 0;}
.svc_box_tit		{padding-top:1em;font-size:1.7em;font-weight:600;}
.svc_box_ent		{padding-top:0.5em;line-height:1.2em;}

.block_svc_detail	{font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
.block_svc_detail span {font-size:1.2em;font-weight:500;}

#wrap			{width:100%;}
.outer_wrap		{width:100%;}
.inner_wrap		{width:100%;max-width:1200px;margin:0 auto;}

#screen {width:100%;height:100%;position:fixed;top:0;left:0;background:url('/app/Images/base_bg.png') repeat;z-index:101;}

#topmenu_wrap	{padding:1em 5em;position:fixed;width:100%;z-index:100;background:#fff;}
	#topmenu_wrap:after {content:"";display:block;clear:both;}
	#topmenu_wrap div {float:left;}
	#top_logo		{width:23%;text-align:left;}
		#top_logo img {cursor:pointer;width:130px;}
	#topmenu_box	{width:52%;padding-top:7pt;}
	#topmenu_box span {margin:0 2em;font-size:13pt;font-weight:700;cursor:pointer;}
	#topmenu_box span:hover {color:#2d70b7;}
	#top_login_box	{width:25%;text-align:right;padding-top:7pt;}
	#top_login_box span {margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}
	#top_mobile_menu	{width:50%;text-align:right;}
	#mobile_menu_box	{width:320px;height:100%;position:fixed;top:0;right:-400px;background:#fff;z-index:112;}
		#mobile_menu_close {text-align:right;padding:1em;}
		#mobile_menu_close span	{font-size:2.6em;}
	#mobile_menu_list		{padding:1em 2em;}
	#mobile_menu_list ul	{border-top:1px solid #ccc;}
	#mobile_menu_list ul li {text-align:left;font-size:1.5em;font-weight:500;line-height:2.5em;border-bottom:1px solid #ccc;}
	#mobile_menu_btn		{padding-top:1.5em;}
	#mobile_menu_btn span	 {margin-left:7pt;font-size:12pt;font-weight:600;border-radius:1.5em;padding:0.6em 1.5em;color:#fff;cursor:pointer;}

#main_bnn		{clear:both;background:var(--primary_color);padding:18rem 0 15em 0;position:relative;}
	#main_bnn_text_bar	{width:4rem;border-top:2px solid #fff;}
	#main_bnn_text_bar:after	{content:"";display:block;clear:both;}
	#main_bnn_slogan	{position:absolute;color:#fff;text-align:left;}
		#main_bnn_slogan_bold	{font-size:50pt;font-weight:bold;text-align:left;padding-top:3.5rem;}
		#main_bnn_slogan_normal	{font-size:50pt;text-align:left;font-weight:300;padding-top:4rem;}
		#main_bnn_tag_box		{padding-top:4rem;}
		.main_bnn_tag		{padding-top:2rem;text-align:left;}
		.main_bnn_tag span	{font-size:17pt;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.7rem;}		
	#main_bnn_image		{width:50%;float:right;text-align:right;}
	#main_bnn:after {content:"";display:block;clear:both;}

#main_introduce	{background:#f6f4f1;}
	#main_introduce:after {content:"";display:block;clear:both;}

#main_special	{background:#f8f8f6;}
	#main_special_left		{width:600px;float:left;}
	#main_special_right		{width:600px;float:left;padding-left:4em;}
	#main_special .inner_wrap:after {content:"";display:block;clear:both;}
	.special_tit	{font-size:30pt;font-weight:800;}
	.special_ent	{padding-top:1em;}
	.special_bullet	{clear:both;width:30px;float:left;padding-top:2em;}
	.special_detail	{width:500px;float:left;padding-top:1em;padding-left:0.5em;font-size:17.5pt;font-weight:500;text-align:left;line-height:1.7em;}
	.special_block2	{padding-top:7em;}

#main_function_top	{background:#fff;}
	#main_function:after {content:"";display:block;clear:both;}
	.main_function_slogan	{padding-top:2rem;font-size:21pt;font-weight:350;color:#222;line-height:1.7em;}
	#padbox	{position:absolute;z-index:10;width:100%;max-width:960px;margin-top:1em;left:50%;transform: translate(-50%, 0);}
	#padbox_screen	{position:absolute;z-index:10;padding:1em;left:50%;transform: translate(-50%, 0);}
	#padbox_bottom_line	{height:200px;margin-top:320px;background:var(--primary_color);}

#main_function	{background:#fff;}
	.function_wrap		{width:100%;max-width:960px;margin:0 auto;}
	.function_wrap:after {content:"";display:block;clear:both;}
	.function_title	{font-size:40pt;font-weight:800;color:#2f2f29;text-align:left;line-height:1.2em;}
	.function_detail_text	{width:60%;float:left;}
	.function_detail_img	{width:40%;float:left;}
	.function_detail	{padding-top:2rem;font-size:21pt;font-weight:350;color:#676a6b;line-height:2em;text-align:left;}
	.function_detail ul 	{margin-left:1.5em;}
	.function_detail ul li	{display: list-item;  text-align:-webkit-match-parent; font-size:18pt;font-weight:400;color:#676a6b;list-style:disc;list-style-position:outside;}
	.function_detail ul li::marker {color:var(--primary_color);}
	
#main_mobile	{background:var(--primary_color);background-size:100%;padding-top:7vw;padding-bottom:28vw;}
	.mobile_title	{font-size:3vw;font-weight:800;color:#fff;}
	.mobile_detail	{padding-top:2vw;font-size:1.5vw;font-weight:350;color:#fff;line-height:2.3vw;}
	.mobile_detail span {font-size:1.5vw;color:#fffc00;font-weight:700;}

#main_faq .faq_q:after, #main_faq .faq_a:after	{content:"";display:block;clear:both;}
	.faq_block					{padding-top:2em;}
		.faq_a					{padding-top:0.5em;}
		.faq_t					{width:2em;float:left;text-align:left;font-size:16pt;font-weight:600;}
		.faq_d					{width:calc(100% - 2em);float:left;text-align:left;font-size:16pt;font-weight:300;}

#main_join	{background:#0e345f;background-size:100%;padding-top:7vw;padding-bottom:7vw;}
	#join_text_box	{width:50%;float:left;}
		.join_title		{font-size:30pt;color:#fff;font-weight:200;text-align:left;line-height:1.2em;}
		.join_title_bold	{font-size:30pt;color:#fff;font-weight:700;text-align:left;line-height:1.2em;padding-top:0.7em;}
		.join_detail	{font-size:20pt;color:#fff;font-weight:200;text-align:left;line-height:1.4em;padding-top:1em;}
	#join_form_box	{width:50%;float:left;max-width:520px;}
		#join_form_box input {width:100%;padding:1em;border:0;border-radius:0.5em;background:#fff;color:#}
		#join_form_box input[type='button']	{background:#157bfb;color:#fff;cursor:pointer;padding:0.8em;1em;font-size:1.2em;font-weight:700;}
		#join_form_box div	{width:100%;padding-bottom:1em;}
		#join_form_box .dn	{width:50%;float:left;}
		#join_form_box .dh	{width:50%;float:left;padding-left:1em;}
		#join_form_box .da	{width:80%;float:left;}
		#join_form_box .db	{width:20%;float:left;padding-left:1em;}
	#main_join:after {content:"";display:block;clear:both;}

#main_copyright {padding:3em 0;background:#f2f1f6;}
	#copy_text_box	{width:90%;float:left;color:#777;text-align:left;}
		#copy_text_box div {text-align:left;}
	#copy_cms_logo_box	{width:10%;float:left;text-align:right;position:fixed;bottom:2em;right:2em;}
		#copy_cms_logo_box img {cursor:pointer;width:3em;}
	#main_copyright:after {content:"";display:block;clear:both;}

@media (max-width: 480px) {
	.pc			{display:none;}
	.mo			{display:block;}
	.po			{display:block;}
	.inner_wrap		{padding:0 1em;}
	.block_box		{padding:2em 0;}
	.block_title	{font-size:30pt;font-weight:700;color:#222;}
	.block_slogan	{font-size:12pt;padding-top:2rem;}
	.block_detail	{font-size:12pt;}

	#topmenu_wrap	{padding:0;}
	#top_logo		{padding:1em 1.5em;width:50%;}
		#top_logo img {width:5em;}
	#top_mobile_menu img {height:3.5em;}
	
	#main_bnn		{padding:30vw 0 7vw 0;}
	#main_bnn_text_bar	{width:7vw;border-top:2px solid #fff;margin-left:2vw;}
	#main_bnn_slogan	{position:relative;width:85vw;margin:0 auto;}
		#main_bnn_slogan_bold	{font-size:9vw;padding-top:3vw;line-height:1.2em;}
		#main_bnn_slogan_normal	{font-size:9vw;padding-top:3vw;}
		#main_bnn_tag_box		{padding-top:2vw;}
		.main_bnn_tag		{padding-top:4vw;text-align:left;}
		.main_bnn_tag span	{font-size:2.7vw;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.2rem;}		
		#main_bnn_image	{clear:both;float:left;width:100%;padding:10vw;}

	#main_introduce	{padding:4rem 0;}
		.block_svc_detail	{font-size:12pt;}
		.block_svc_img		{padding:30px 0;}
		#main_special_left, #main_special_right	{clear:both;width:100%;float:default;}
		#main_special_right {padding-top:3em;padding-left:1em;}
		.special_tit	{font-size:6vw;font-weight:800;text-align:left;}
		.special_ent	{padding-top:1em;}
		.special_bullet	{clear:both;width:5%;padding-top:2.5vw;}
		.special_detail	{width:95%;font-size:4vw;f}
		.special_block2	{padding-top:3em;}
		.special_block2_left	{padding-left:1em;}

	.block_svc			{clear:both;padding-top:2em;}
	.block_svc_box		{clear:both;width:92%;height:auto;margin-bottom:1em;}

	#main_function_top	{padding:5rem 0 0 0;}
		.main_function_slogan	{padding-top:2rem;font-size:16pt;}
		#padbox	{padding:2rem;margin-top:-1em;}
		#padbox_screen	{padding:1.3em;}
		#padbox_bottom_line	{height:100px;margin-top:150px;}

	#main_function	{}
		.function_wrap		{padding:0 2em;}
		.function_title		{font-size:22pt;}
		.function_detail_text	{width:100%;}
		.function_detail	{padding-top:1rem;font-size:14pt;line-height:1.2em;}
		.function_detail ul li	{padding-bottom:0.7em;line-height:1.7em;font-size:14pt;}
		.function_detail_img	{clear:both;width:100%;padding-top:1em;}
	
	#main_mobile	{background-size:220%;background-position:center 40%;padding-top:10vw;padding-bottom:60vw;}
		.mobile_title		{font-size:6vw;}
		.mobile_detail		{padding-top:1em;font-size:3vw;line-height:1.7em;}

	#main_join		{padding:4em 1em;}
		#join_text_box	{width:100%;}
		#join_form_box  {clear:both;width:100%;padding-top:3em;}
			#join_form_box .da	{width:70%;float:left;}
			#join_form_box .db	{width:30%;float:left;padding-left:1em;}
			.join_title			{font-size:25pt;}
			.join_title_bold	{font-size:25pt;}
			.join_detail		{font-size:14pt;}
}
@media (min-width: 481px) and (max-width: 768px) {
	.pc			{display:none;}
	.mo			{display:block;}
	.to			{display:block;}
	.inner_wrap		{padding:0 1.5em;}
	.block_box		{padding:3em 0;}
	.block_title	{font-size:30pt;font-weight:700;color:#222;}
	.block_slogan	{font-size:16pt;padding-top:3rem;}
	.block_detail	{font-size:16pt;}

	#topmenu_wrap	{padding:0;}
	#top_logo		{padding:1em 1.5em;width:50%;}
		#top_logo img {width:5em;}
	#top_mobile_menu img {height:3.5em;}
	
	#main_bnn		{padding:25vw 0 7vw 0;}
	#main_bnn_text_bar	{width:7vw;border-top:2px solid #fff;margin-left:5vw;}
	#main_bnn_slogan	{position:relative;width:80vw;margin:0 auto;}
		#main_bnn_slogan_bold	{font-size:7vw;padding-top:5vw;}
		#main_bnn_slogan_normal	{font-size:7vw;padding-top:5vw;}
		#main_bnn_tag_box		{padding-top:3vw;}
		.main_bnn_tag		{padding-top:6vw;text-align:left;}
		.main_bnn_tag span	{font-size:3vw;font-weight:500;padding:0.5rem 1.7rem;border:2px solid #fff;border-radius:2rem;margin-right:0.7rem;}		
		#main_bnn_image	{clear:both;float:left;width:100%;padding:10vw;}

	#main_introduce	{padding:5rem 0;}
		.block_svc_img		{padding:40px 0;}
		.block_svc_detail	{font-size:16pt;}

		#main_special_left, #main_special_right	{clear:both;width:100%;float:default;}
		#main_special_right {padding-top:5em;padding-left:3em;}
		.special_tit	{font-size:5vw;font-weight:800;text-align:left;}
		.special_ent	{padding-top:1em;}
		.special_bullet	{clear:both;width:5%;padding-top:2.5vw;}
		.special_detail	{width:95%;font-size:3vw;f}
		.special_block2	{padding-top:5em;}
		.special_block2_left	{padding-left:3em;}

	.block_svc			{clear:both;padding-top:3em;}
	.block_svc_box		{width:46%;float:left;height:21em;margin-bottom:1em;}

	#main_function_top	{padding:5rem 0 0 0;}
		.main_function_slogan	{padding-top:2rem;font-size:16pt;}
		#padbox	{padding:2rem;margin-top:-1em;}
		#padbox_screen	{padding:1.3em;}
		#padbox_bottom_line	{height:150px;}

	#main_function	{}
		.function_wrap		{padding:0 2em;}
		.function_title		{font-size:22pt;}
		.function_detail	{padding-top:1.5rem;font-size:16pt;line-height:1.3em;}
		.function_detail_text	{width:100%;}
		.function_detail ul li	{padding-bottom:0.7em;line-height:1.7em;font-size:14pt;}
		.function_detail_img	{clear:both;width:100%;padding-top:1em;}
	
	#main_mobile	{background-size:200%;background-position:center 30%;padding-top:10vw;padding-bottom:60vw;}
		.mobile_title		{font-size:6vw;}
		.mobile_detail		{padding-top:1em;font-size:3vw;line-height:1.7em;}

	#main_join		{padding:4em 1em;}
		#join_text_box	{width:100%;}
		#join_form_box  {clear:both;width:100%;padding-top:3em;}
			#join_form_box .da	{width:70%;float:left;}
			#join_form_box .db	{width:30%;float:left;padding-left:1em;}
			.join_title			{font-size:25pt;}
			.join_title_bold	{font-size:25pt;}
			.join_detail		{font-size:14pt;}

}
@media (min-width: 769px) and (max-width: 1023px) {
	.pc			{display:none;}
	.mo			{display:block;}
	.inner_wrap		{padding:0 2em;}
	.block_title	{font-size:30pt;font-weight:700;color:#222;}
	.block_slogan	{font-size:2.3vw;padding-top:2rem;}
	.block_detail	{font-size:2.3vw}

	#topmenu_wrap	{padding:0;}
	#top_logo		{padding:1em 1.5em 0 1.5em;width:50%;}
		#top_logo img {width:6em;}
	#top_mobile_menu img {height:4em;}
	#main_bnn		{padding:12em 0 7em 0;}
	#main_bnn_text_bar	{width:2rem;}
		#main_bnn_slogan	{}
		#main_bnn_slogan_bold	{font-size:30pt;padding-top:3vw;}
		#main_bnn_slogan_normal	{font-size:30pt;padding-top:2rem;}
		#main_bnn_tag_box		{padding-top:1rem;}
		.main_bnn_tag span		{font-size:14pt;}

	#main_introduce	{padding:5rem 0;}
		.block_svc_detail	{font-size:2.3vw;}
		
		#main_special_left, #main_special_right	{clear:both;width:100%;float:default;}
		#main_special_right {padding-top:5em;padding-left:3em;}
		.special_tit	{font-size:4vw;font-weight:800;text-align:left;}
		.special_ent	{padding-top:1em;}
		.special_bullet	{clear:both;width:5%;padding-top:3vw;}
		.special_detail	{width:95%;font-size:2.5vw;}
		.special_block2	{padding-top:5em;}
		.special_block2_left	{padding-left:3em;}

	.block_svc			{clear:both;padding-top:3em;}
	.block_svc_box		{width:47%;float:left;height:19em;margin-bottom:1em;}

	#main_function_top	{padding:4rem 0;}
		.main_function_slogan	{padding-top:2rem;font-size:16pt;line-height:1em;}
		#padbox	{padding:2rem;margin-top:-1em;}
		#padbox_screen	{padding:1.5em;}
		#padbox_bottom_line	{height:150px;margin-top:40%;}

	#main_function	{}
		.function_wrap		{padding:0 2em;}
		.function_title		{font-size:30pt;}
		.function_detail	{padding-top:2rem;font-size:18pt;}
		.function_detail_text	{width:100%;padding-left:3em;}
		.function_detail ul li	{padding-bottom:0.7em;line-height:1.7em;font-size:16pt;}
		.function_detail_img	{clear:both;width:100%;padding-top:1em;}

	#main_mobile	{background-size:200%;background-position:center 30%;padding-top:10vw;padding-bottom:60vw;}
		.mobile_title		{font-size:6vw;}
		.mobile_detail		{padding-top:1em;font-size:3vw;line-height:1.7em;}

	#join_form_box .da	{width:70%;float:left;}
	#join_form_box .db	{width:30%;float:left;padding-left:1em;}
		.join_title			{font-size:25pt;}
		.join_title_bold	{font-size:25pt;}
		.join_detail		{font-size:14pt;}

	#copy_text_box div {font-size:0.8em;}

}
@media (min-width: 1024px) and (max-width: 1199px) {
	
	.inner_wrap		{padding:0 3em;}
	.block_title	{font-size:35pt;font-weight:800;color:#222;}
	.block_slogan	{font-size:2.3vw;padding-top:3rem;}
	.block_detail	{font-size:2.3vw;}

	#topmenu_wrap	{padding:1em 2em;}
	#top_logo		{width:20%;}
	#topmenu_box	{width:50%;}
		#topmenu_box span {margin:0 1em;}
	#top_login_box	{width:30%;}
	
	#main_bnn		{padding:15rem 0 10em 0;}
		#main_bnn_slogan_bold	{font-size:40pt;}
		#main_bnn_slogan_normal	{font-size:40pt;padding-top:3rem;}
		#main_bnn_tag_box		{padding-top:1.5rem;}

	#main_introduce	{padding:7rem 0;}
		.block_svc_detail	{font-size:2.3vw;}

		#main_special_left		{width:40%;}
		#main_special_right		{width:60%;}
		.special_tit	{font-size:2.5vw;}
		.special_bullet	{width:5%;padding-top:1em;}
		.special_detail	{width:95%;padding-top:1em;font-size:1.6vw;}
		.special_block2	{padding-top:5em;}

	.block_svc			{clear:both;padding-top:3em;}
	.block_svc_box		{width:47%;float:left;height:19em;margin-bottom:1em;}

	#main_function_top	{padding:5rem 0;}
		.main_function_slogan	{padding-top:2rem;font-size:16pt;}
		#padbox	{padding:2rem;margin-top:-1em;}
		#padbox_screen	{padding:1.3em;}

	#main_function	{}
		.function_wrap		{padding:0 2em;}
		.function_title		{font-size:35pt;}
		.function_detail	{padding-top:2rem;font-size:16pt;}


}
@media (min-width: 1200px) and (max-width: 1400px) {
	#topmenu_wrap	{padding:1em 2em;}

}