/* 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; }
	input,textarea { 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:#d1e4f2; 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;}
	



  header	{	position:fixed; top:0px; z-index:100; width:100%; height:80px; box-sizing:border-box; padding:20px 0 20px 0; border-bottom:1px solid #ebebeb; background-color:#fff;	  }
  header .top_header	{	margin:0 auto; width:100%; max-width:1200px; height:50px;  }	
  header .top_header .top_logo {	float:left; width:20%; height:50px;  box-sizing:border-box; padding-left:2%; }	
  header .top_header .top_logo img { width:200px;  }   
  .navi_pc_menu_area {	display:inline-block; width:70%; height:52px; 	margin-left:10%; text-align:right;		}
  .navi_pc_menu_box	{ float:right; width:100%;	display:inline-block; margin-top:10px;  }
  .navi_pc_menu_box a	{	display:block;	}
  .navi_pc_menu_box li a	{	font-family:'NanumSquare', sans-serif;  font-size:1.6em; color:#000; }
  .navi_pc_menu_box li a:active 	{ text-decoration:none;}	
  .navi_pc_menu_box li a:hover 		{	color:#76bd1d; text-decoration:none;}	
  .navi_pc_menu_box li	{	margin:0; padding:0px; width:100%; display:inline-block; text-align:center;	}
  .navi_pc_menu_box li:nth-child(1)  { width:20%; text-align:right;  }						
  .navi_pc_menu_box li:nth-child(2)  { width:18%; text-align:center; }						
  .navi_pc_menu_box li:nth-child(3)  { width:18%; text-align:center; }									
  .navi_pc_menu_box li:nth-child(1) a { color:#005eb5; text-decoration:none;}	
  .navi_pc_menu_box li:nth-child(2) a { color:#0295e1; text-decoration:none;}
  .navi_pc_menu_box li:nth-child(3) a { color:#76bd1d; text-decoration:none;}	


  section	{	display:block; width:100%;  margin-top:80px; padding:0; }
  article { display:block; width:100%; } 
  .section_area { margin:0 auto; width:1198px; background:#fff;  }
  
  .creep { position:absolute !important; top:-9999 !important; left:0; font-size:0 !important; line-heihgt:0 !important;  }
  .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; font-family:'NanumSquare', sans-serif;   font-size:2.5em; line-height:30px; }			
  
  .art1_area 	{ position:relative; width:100%;  }
  .art2_area  { position:relative; margin:0 auto; width:880px; padding-top:50px;  }
  .art2_area .article_title {  margin-bottom:20px; }
  .art2_area .article_title span { color:#000; font-weight:700; }
  .art2_area .screen_area	{ position:relative; width:880px;  padding-bottom: 56.25%; }
  .art2_area .screen_area iframe {	position: absolute; top:0; left:0;  width:100%; height:100%; }
  .art2_area .MovCon_Area2	{	width:100%; margin:26px 0 50px 0; display:block; }	
  .art2_txt	{ width:880px; padding: 30px 10px 10px  10px; box-sizing:border-box; text-align:left; font-family:'Noto Sans KR', sans-serif;  font-size:1.2em; line-height:23px; color:#000;  }	
  .art3_area { position:relative; margin:120px auto; }
  .art4_area { position:relative; margin:0 auto; }

  .qna_wrap { width:100%; padding-top:80px; overflow: hidden; background:url(/smartcase/images/art4_bg.jpg) no-repeat 50% 100%; }	
  .qna_wrap ._header{ width:100%;	}
  .qna_wrap ._header .art_tit	{  width:100%; text-align:center; font-family:'NanumSquare', sans-serif; font-size:3em; color:#000; font-weight:700; }

  .qna_wrap ._body { display:block; margin:50px auto; width:100%; max-width:700px; }
  .qna_wrap ._body .txt {  width:100%; height:32px; text-align:right; } 
  .qna_wrap ._body .form-group { display:inline-block; width:49%; height:40px; 	margin-bottom:15px;  } 
  .qna_wrap ._body .form-group:nth-child(2n+1) { margin-left:1%; }

  .qna_wrap ._body .form-group2 { display:inline-block; width:100%; margin-bottom:15px; }
  .qna_wrap ._body .form-control  { float:left; background-color: #f5f5f5;	box-shadow: none; color: #565656; line-height:1.43; width:100%; height:40px;		padding:6px;	border:1px solid #1c6399; border-radius:10px; font-size:16px}	
  .qna_wrap ._body .form-control2 { float:left; background-color: #f5f5f5;	box-shadow: none; color: #565656; line-height:1.43; width:100%; height:120px;	padding:6px;	border:1px solid #1c6399; border-radius:10px; font-size:16px}	
  .qna_wrap ._body .form-check       { display:inline-block; width:100%; text-align:center;}
  .qna_wrap ._body .form-check a     { font-size:18px; color:#000; }
  .qna_wrap ._body .form-check-label { color:#fff; }			
  .qna_wrap ._body .input-group-btn  { display:block; display:100%; margin:20px 0 0 30px; text-align:center; }
  .qna_wrap ._body .btn-form         { margin:0 auto; width:90%; max-width:300px; height:40px; padding:10px 0 0 0;  background-color:#107990; color:#fff; font-size:18px; box-sizing:border-box; }


  footer  {	display:block; width:100%; margin:0; padding:40px 0 40px 0; border:0; border-image:none; background-color:#0e1215; }
  .footer_area { margin:0 auto; width:100%; max-width:1080px; 	}
  .footer_meneu {	margin:0 auto; text-align:center; margin-bottom:20px; }
  .footer_meneu li { display:inline-block; height:35px; padding:0 10px 0 10px; font-family:'Nanum Gothic'; } 
  .footer_meneu li a { color:#000; 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; height:30px; padding:0 10px 0 10px; color:#fff; font-family:'Nanum Gothic'; font-size:1.2em; }  
  .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; }