/* CSS Document Noto Sans KR */
	@import url('https://fonts.googleapis.com/css2?family=Nanum+Gothic:wght@400;700;800&family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap'); 
	@import url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/TmonMonsori.woff');
	@import url('https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css');    
  @import url('https://fonts.googleapis.com/css2?family=PT+Serif:ital,wght@1,400;1,700&display=swap');
	/* 
    font-family: 'Nanum Gothic', sans-serif;
    font-family: 'NanumSquare', sans-serif; 
    font-family: 'PT Serif', serif;
	*/

  
  /* CSS SET  ********************/
	*{ outline:none; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
	html,body,div,p,span,a,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,form,select,fieldset	{margin:0;	padding:0; border:0; list-style:none; font-family:'NanumSquare', sans-serif; color:#333;}
	body,div,span,a,input,select,textarea { text-decoration:none; margin:0;	padding:0; border:0; }
	img { margin:0; border:0; padding:0px;  }
	body	{	margin:0 auto; width:100%; height:100%;padding:0px; font-size:12px; background-color:#FFFFFF; SCROLLBAR-FACE-COLOR:#ffffff; SCROLLBAR-SHADOW-COLOR:#ae9da5; SCROLLBAR-HIGHLIGHT-COLOR:#ffffff; SCROLLBAR-3DLIGHT-COLOR:#ae9da5; SCROLLBAR-DARKSHADOW-COLOR:#ffffff; SCROLLBAR-TRACK-COLOR:#ffffff; SCROLLBAR-ARROW-COLOR:#ae9da5; }

	a:link 			{font-family:'NanumSquare', sans-serif; font-size:12px; color: #000000; text-decoration:none;}
	a:visited   {font-family:'NanumSquare', sans-serif; font-size:12px; color: #000000; text-decoration:none;}
	a:active 	  {font-family:'NanumSquare', sans-serif; font-size:12px; color: #000000; text-decoration:none;}
	a:hover 		{font-family:'NanumSquare', sans-serif; font-size:12px; color: #7ec509; text-decoration:underline;}

  .creep {  position:absolute !important; top:-9999px !important; left:-9999 !important; font-size:0px !important; line-height:0 !important;  }

	/* menu on */
	.main_menu_on 					{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	.main_menu_on a:link 		{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	.main_menu_on	a:visited {	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	.main_menu_on	a:active 	{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	.main_menu_on a:hover 	{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	
	/* menu off */
	.main_menu_off 						{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	.main_menu_off a:link 		{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	.main_menu_off	a:visited {	font-family:'NanumSquare', sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	.main_menu_off	a:active 	{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#FFFFFF; font-weight:bold; text-decoration:none;}
	.main_menu_off a:hover 		{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#f6ff00; font-weight:bold; text-decoration:none;}
	.main_menu_line 					{	font-family:'NanumSquare', sans-serif; font-size:12px; color:#8be4e3; text-decoration:none;}
	
	.box 					{	border:1px solid #d1d1d1;	}	
	.box_non_top  { border-style:solid; border-color:#d1d1d1; border-width:0px 1px 1px 1px; }
	.box_50				{	width:50px; border:1px solid #d1d1d1;		}	
	.box_90	 			{	width:90px; border:1px solid #d1d1d1;		}		
	.box_100 			{	width:100px; border:1px solid #d1d1d1;	}	 
	.box_150 			{	width:150px; border:1px solid #d1d1d1;	} 
	.box_200 			{	width:200px; border:1px solid #d1d1d1;	}	
	.box_250 			{	width:250px; border:1px solid #d1d1d1;	}
	.box_300 			{	width:300px; border:1px solid #d1d1d1;	}	
	.box_500 			{	width:500px; border:1px solid #d1d1d1;	}
	.box_input    {	border:1px solid #cfcfcf; padding:5px;  }
	.box_input2   {	border:1px solid #cfcfcf; padding:5px; color:#000; font-size:13px; }
	
	
	.cmt_ta  {	font-family:'Noto Sans KR', sans-serif; FONT-SIZE:9pt; COLOR:#555555; background:#FFFFFF; BORDER:1px solid #DDDDDD; PADDING:4px; scrollbar-track-color:#FFFFFF; scrollbar-face-color:#FFFFFF; scrollbar-3dlight-color:#FFFFFF; scrollbar-highlight-color:#FFFFFF; scrollbar-shadow-color:#FFFFFF; scrollbar-darkshadow-color:#FFFFFF; scrollbar-arrow-color:#DDDDDD;	}
										
	.font_red   { color:#F30; } 				
	.font_red2	{	color:#E35D63;	}		
	.font_white { color:white; }		
	.font_blue  { color:#1F74BA; } 		
	.font_blue1	{	color:#3399cc;	}		
	.font_vaiolet1{	color:#3d1c85;	}
	.font_gold  {	color:#63a009		}						
	.font_green	{	color:#63a009;	}
	.font_gray3 { color: #999999; } 	
	.font_bold  { font-weight:bold; } 
	.font_nomal { font-weight:normal;	}
	.font_underline  { text-decoration:underline;	}
	.font_st         {  text-decoration: line-through; }
	.font_basic_color { color:#ee4f89; }

	.bg_g1	   		{ background-color: #47B717; }
	.bg_red    		{ background-color: #CC0000; }
	.bg_red2   		{ background-color: #FFDFDF; } 
	.bg_red3   		{ background-color: #FEF1E7; } 
	.bg_yellow 		{ background-color: yellow;} 
	.bg_gray1  		{ background-color: #4C4C4C;} 
	.bg_gray2  		{ background-color: #777777;} 
	.bg_gray3  		{ background-color: #cccccc;} 
	.bg_gray4  		{ background-color: #F0F0F0;} 
	.bg_blue   		{ background-color: #1F74BA; } 
	.bg_blue1  	  {	background-color:#0264ad;	}
	.bg_vaiolet1	{	background-color: rgb(71, 35, 148);	} 
	.bg_ex3    		{ background-color: #FF3300; } 
	.bg_white 		{	backgroung-color: #FFF;				}
	.color_main 	{ color:#0264ad; }

  .margin_5 				{	margin:5px 0px;			}
	.margin_t10 			{	margin-top:10px;		}	
	.margin_t20 			{	margin-top:20px;		}
	.margin_t50				{ margin-top:50px; 		}
	.margin_t80				{ margin-top:80px; 		}
	.margin_b_30			{	margin-bottom:30px;	}
	.margin_b_50			{	margin-bottom:50px;	}
	.margin_rl1 			{	margin:0px 2px 0 0; }
	.margin_t30				{ margin-top:30px; 		}

	.padding_5  	 {	padding: 5px;   } 
	.padding_10 	 {	padding: 10px;  } 
	.padding_15 	 {	padding: 15px;  } 
	.padding_20 	 {	padding: 20px;  }
	.padding_t_50  {	padding-top: 50px; }
	.padding_l_20	 {	padding-left:20px; }
	.padding_l_40	 {	padding-left:40px; } 
	.padding_b_150 {	padding-bottom: 150px; background-color:#666 }
	.padding_1pr  	{  padding:1%;	}
	.padding_2pr  	{  padding:2%;	}
	.padding_t_80 	{  padding-top: 80px; }
	.padding_b_15     {  padding-bottom: 15px;}
	.padding_b_22     {  padding-bottom: 22px;}
	.padding_s1 		  {  padding: 1em 1em 1em 1em; }
	

	
	.bg_black  { background-color: #000000; } /*black*/
	.bg_white  { background-color: #ffffff; } /*white*/
	
	.font_BSize { font-size:22px; font-weight:bold; } 
	

	.border0							{ border-style:solid; border-width:1px; border-color:#ececec; }
	.border1							{ padding:2px 0 2px 5px; border-style:solid; border-width:1px; border-color:#d3d3d3; }
	.border_no					{ padding:2px 0 2px 5px; border-style:none; }
	
	.btn_basic_100  {	display:inline-block; width:100px; text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:'Noto Sans KR', sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;}
	.btn_basic_80 	{	display:inline-block; width:80px; 	text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:'Noto Sans KR', sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;}
	.btn_basic_60 	{	display:inline-block; width:60px; 	text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:'Noto Sans KR', sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;}
	.btn_basic_40 	{	display:inline-block; width:40px; 	text-align:center; vertical-align:middle; line-height:20px; FONT-FAMILY:'Noto Sans KR', sans-serif; font-size:1em; color:#00bbd7; text-decoration:none; border-style:solid; border-width:1px; border-color:#cccccc; background-color:#FFF;}
	
	/* BTN */
	.btn_area 					{	width:96%; padding:2%; display:inline-table; }
	.btn_login 				{	background:#7ec509;   border: medium none currentcolor;   color:#FFFFFF;  font-size: 15px;   font-weight: bold; height: 35px; margin: auto;		margin-top:15px; text-align: center; width:98%; 		cursor:pointer; border-radius:3px;}
	.btn_login2 			{	background:#7ec509;   border: medium none currentcolor;   color:#FFFFFF;  FONT-FAMILY:'Noto Sans KR', sans-serif; font-size: 15px;   font-weight: bold; height: 35px; margin: auto;		margin-top:5px; text-align: center; width:98%; 		cursor:pointer; border-radius:3px;}
	.btn_post 					{	background:#ececec;   border: medium none currentcolor;   color:#676767;  font-size: 15px;   font-weight: bold; height: 35px; margin: auto;		margin-top:15px; text-align: center; width:98%; 		cursor:pointer; border-radius:3px;}
	.btn_sn 							{	margin:15px auto; width:98%; height:35px;  border-radius:3px; background:#7ec509; text-align:center; color:#FFFFFF; font-size: 15px; cursor:pointer; }		

	
	.img_box {border-style:solid; border-color:#e2e2e2; border-width:1px;}
	
	.line_h23px 					{ line-height:23px; }
	.line_h25px 					{ line-height:25px; }
	.line_h35px 					{ line-height:35px; }

	.txt_align_l     { text-align:left; 		}
	.txt_align_r     { text-align:right; 	}		
	.txt_align_c     { text-align:center; }
	.vatical_top     {	vertical-align:top;	}
	
	


	.wrap    {  margin:0 auto; width:100%;  }		
  header   {	position:fixed; top:0px; z-index:100; width:100%; height:90px; box-sizing:border-box; padding:20px 0 20px 0; border-bottom:1px solid #ebebeb; background-color:#fff; }
  nav	     {  position:fixed; display:block; left:0px; top:124px; z-index:10;	width:100%; height:40px; padding-left:1%;	background-color:#FFF;}
  section	 {	display:block; width:100%;  margin-top:110px; padding:0; }
  article	 {	display:block; width:100%;	margin:0; padding:0;}
  aside    {	display:block; width:100%; margin:0; padding:0; border:0; border-image:none;	}
  footer   {	display:block; width:100%; margin:0; padding:40px 0 40px 0; border:0; border-image:none; background-color:#181818; }

	
	/* @@TOP ********************/
  .menu_on     { color:#ee4f89; }
  .top_header	{	margin:0 auto; width:100%;  height:50px; text-align:center;  }	
  .top_header .top_logo 		{	margin:0 auto; width:100%; height:50px;  box-sizing:border-box; text-align:center;  		}	
  .top_header .top_logo img { width:150px;  } 
  .top_header .mb_gnb	{	display:block;	width:100%; height:40px; background-color:#0295e1; font-family:'Noto Sans KR', sans-serif; font-size:13px;	 }
  .top_header .mb_gnb li {	display:inline-block; width:32%;  box-sizing:border-box;  padding-top:6px;}
  .top_header .mb_gnb li a { font-family:'Noto Sans KR', sans-serif; font-size:16px;  color:#fff; text-decoration:none; }


  .fix_bg		{  position:fixed; top:90px;left:0;  z-index:100; width:100% ;height:100%; background:#000; opacity:0.7;}			
			
  .article_title		 	{ display:block;  width:100%; text-align:center; font-family:'NanumSquare', sans-serif; font-size:3em; }			
  .article_title_sub   {	margin:0 auto; margin-top:7px; display:block;  max-width:480px; color:#424242; font-family:'NanumSquare', sans-serif;  font-size:3em; line-height:30px; }			
			
  .art1_area, .art2_area, .art3_area, .art4_area, .art5_area , .art6_area , .art7_area, .art8_area { display:block; width:100%; }
  .art1_area img  { width:100%; }
  .art3_area img  { width:100%; }
  .art4_area img  { width:100%; }
  .art5_area img  { width:100%; }
  .art6_area img  { width:100%; }
  .art7_area img  { width:100%; }
  
  .art2_area .screen_area	{ clear:both !important;  position: relative;  width:100%; padding-bottom: 56.25%; background-color:#4385f5; text-align:center; }
  .art2_area .screen_area iframe {	position: absolute; top:0; left:0;  width:100%; height:100%; background-color:#4385f5; }
  .art2_area .MovCon_Area2	{	width:100%; margin:26px 0 50px 0; display:block; }
  .art2_area .art2_txt { margin:0 auto; width:94%; padding:3%; box-sizing:border-box; margin-top:2vw; text-align:left; font-family:'Noto Sans KR', sans-serif;  font-size:1.2em; line-height:1.2em; color:#000;  }
  
  .qna_wrap { width:100%; padding:8vw 1vw 3vw 1vw;  background:url(../images/art4_bg.jpg) no-repeat 50% 100%; }	
  .qna_wrap ._header{ width:100%; text-align:center;	}
  .qna_wrap ._header .art_tit	{  width:100%;   font-family:'NanumSquare', sans-serif; font-size:2.3em;   }

  .qna_wrap ._body {  margin:0 auto; width:94%; }
  .qna_wrap ._body .txt {  width:100%; height:9vw; text-align:right; } 
  .qna_wrap ._body .form-group {  width:100%; height:10vw; margin-bottom:2vw;  } 
  .qna_wrap ._body .form-group2 {  width:100%; margin-bottom:2vw; }
  .qna_wrap ._body .form-control  {  	box-shadow: none;  line-height:1.43; width:100%; height:10vw; padding:1vw; box-sizing:border-box;	border:1px solid #1c6399; border-radius:0.6944vw; font-size:3.3vw;}	
  .qna_wrap ._body .form-control2 {  	box-shadow: none;  line-height:1.43; width:100%; height:18vw;	padding:1vw; box-sizing:border-box;	border:1px solid #1c6399; border-radius:0.6944vw; font-size:3.3vw;}	
  .qna_wrap ._body .form-check       {  width:100%; height:8vw; line-height:8vw; text-align:center;  }
  .qna_wrap ._body .form-check a     { font-size:3.3vw;  }
  .qna_wrap ._body .form-check-label {  }			
  .qna_wrap ._body .btn-form  { margin:0 auto; margin-bottom:5vw; width:90%; height:10vw; line-height:10vw;  box-sizing:border-box; text-align:center; font-size:3.3vw; background-color:#107990; color:#fff; }



  .footer_area  { margin:0 auto; width:100%;	}
  .footer_meneu {	margin:0 auto; text-align:center; margin-bottom:20px; }
  .footer_meneu li   { display:inline-block;  padding:3px 10px 3px 10px; FONT-FAMILY:'Nanum Gothic'; } 
  .footer_meneu li a { color:#FFFFFF; FONT-FAMILY:'Nanum Gothic'; font-size:1.2em; text-decoration:none; }
  .footer_infor	{	margin:0 auto; text-align:center; }
  .footer_infor li  { display:inline-block;  padding:3px 10px 3px 10px; color:#fff; FONT-FAMILY:'Nanum Gothic'; font-size:1em; line-height:5vw; }  
  .footer_infor li a { color:#fff; FONT-FAMILY:'Nanum Gothic'; font-size:1.2em; }


  /* @@ 모달  */
  .alert_modal_bg	{ position:fixed;	top:0; right:0;	bottom:0;	left: 0; z-index:10; display:none; width:100vw; height:100vh;	background: rgba(0, 0, 0, 0.8);	 cursor:pointer;  }
  .alert_modal_600 { position:fixed; left:50%; top:50%; z-index:20; transform:translate(-50%, -50%); display:none; width:50%; max-width:600px;	height:auto; max-height:500px; padding:20px 10px 20px 10px; box-sizing:border-box; background-color:#fff;	overflow:auto;	border-radius:7px; }
  .alert_modal_600 .form_ch1  { width:100%; 	margin:0px; border:0px; }
  .alert_modal_600 .form_ch1 dl dt	{	width:100%; height:25px; border-style:solid; border-width:0 0 2px 0; border-color:#eaeaec; margin-bottom:5px;	}
  .alert_modal_600 .form_ch1 dl dd	{	width:98%; 	min-height:30px; 	margin:5px 0 5px 0; padding:3px 0 3px 0; box-sizing:border-box; vertical-align:middle;  }
  .alert_modal_600 .form_ch1 dl dd .provision { margin:30px auto; display:block; width:100%; height:250px; font-family:'Nanum Gothic'; font-size:12px; overflow:scroll; }