@charset "utf-8";

@import url("common.css");
@import url("con_main.css");
@import url("con_sub.css");

/* Content */
@import url("imports/import_header.css");
@import url("imports/import_footer.css");
@import url("imports/import_slider.css");
@import url("imports/import_table.css");
@import url("imports/import_board.css");

/* Core CSS */
@import url("imports/import__bootstrap.css");
@import url("imports/import__motion.css");
@import url("imports/import_style.css");


@import url('https://cdn.rawgit.com/innks/NanumSquareRound/master/nanumsquareround.min.css');
@font-face { font-family: 'Basker Ville Old Face'; src: url('/_images/_css/fonts/Baskerville_Old_Face/BASKVILL.TTF') format('woff'); } 

/* ----------------------------------------------------------------
 		Reset Elements
-----------------------------------------------------------------*/

* { padding:0; margin:0 }
html{ overflow-y: scroll; }
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,select,button,
ul,li,fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,textarea{margin: 0;padding: 0;}

ul, ol { list-style:none }
html, h1, h2, h3, h4, h5, h6, form, fieldset, img { border:0 }
section, article, footer, header, nav, menu { display:block }
label, input, button, select, img { vertical-align:middle }
input, button, textarea, select { font-size:1em; }
strong, b, th { font-weight:500; }
button { cursor:pointer; outline:none }
hr { display:none; background:#ddd; border:none; height:1px }
a, a:link, a:visited { text-decoration:none; color:#222; -webkit-tap-highlight-color : transparent }
a, .btn { transition:all .3s }
ul: after { clear:both; content:""; display:block }
span.space { display:inline-block; width:20px }
IMG 			{ border:none; max-width:100% }


body {
	margin: 0;
	font-family: 'NanumSquareRound', 'AppleGothic', 'Dotum', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.6;
	color: #222;
	text-align: left;
	background-color: #fff;
	-webkit-text-size-adjust: 100%;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a {	color: var(--bs-link-color);	text-decoration: underline;}
a:hover {	color: var(--bs-link-hover-color);}
a:not([href]):not([class]), a:not([href]):not([class]):hover {color: inherit;	text-decoration: none;}

hr { margin: 1rem 0;color: inherit;	border: 0;border-top: 1px solid;opacity: 0.25;}

h6, .h6, h5, .h5, h4, .h4, h3, .h3, h2, .h2, h1, .h1 {
	margin-top: 0;
	margin-bottom: 0.5rem;
	font-weight: 500;
	line-height: 1.6;
}


/* ----------------------------------------------------------------
 		Font
-----------------------------------------------------------------*/

	body {font-size: 18px; font-weight: 400; line-height: 1.6;  }
	
	h1, .h1 {font-size: 40px;}
	h2, .h2 {font-size: 36px;}
	h3, .h3 {font-size: 32px;}
	h4, .h4 {font-size: 28px;}
	h5, .h5 {font-size: 24px;}

	  	  P {font-size: 19px; font-weight: 500; line-height: 1.6;  color: #26231f; }	


@media (max-width: 767px) {
	
  body {font-size: 16px;}
  h1, .h1 {font-size: 2rem;}
  h2, .h2 {font-size: 1.75rem;}
  h3, .h3 {font-size: 1.5rem;}
  h4, .h4 {font-size: 1.25rem;}
  h5, .h5 {font-size: 20px;}

}

/* --------------------------------------------
	 Color    - #F3781F #f5805a;(오렌지) #1ABC9C(그린) #0a58ca(블루) #aaa(그레이) ##f7f6f2
-------------------------------------------- */
					
		.txt_black  { color:#222 !important }
		.txt_white  { color:#fff !important }
		.txt_gray   { color:#aaa !important }
		.txt_red    { color:#cc121d !important }
		.txt_blue   { color:#069be8 !important }
		.txt_orange { color:#ffaa00 !important }
		.txt_green  { color:#8ecd09 !important }
		.txt_brown  { color:#9f5e15 !important }
		
		.bg_basic 		{	--bs-bg-opacity: 1;	background-color: #f7f5f0;) !important;}
		
		.bg-primary 	{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;}
		.bg-secondary {	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;}
		.bg-success 	{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;}
		.bg-info 			{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;}
		.bg-warning 	{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;}
		.bg-danger 		{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;}
		.bg-light 		{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;}
		.bg-dark 			{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;}
		.bg-black 		{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;}
		.bg-white 		{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;}
		.bg-body 			{	--bs-bg-opacity: 1;	background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;}
		
		/* 	Text Dreg */
		:root { --themecolor:  #aaa; }

		::selection { background: var(--themecolor);}
		::-moz-selection { background: var(--themecolor);}
		::-webkit-selection { background: var(--themecolor);}


/* ----------------------------------------------------------------
 	 Style 	  
-----------------------------------------------------------------*/

		.clear:after { content:""; display:block; clear:both }  
		.hand { cursor:pointer }
		.bold { font-weight:bold }
		.autoTXT	{overflow:visible;}

		.i_center { text-align:center !important }
		.i_left 	{ text-align:left !important }
		.i_right 	{ text-align:right !important }
		
		.f_left 	{ float:left !important }
		.f_right 	{ float:right !important }
						
		.p_show   { display:block !important;}
		.m_show   { display:none !important;}

		
		/* 박스 라운드 */
		.rounded_ss { border-radius: 8px;}
		.rounded_sm { border-radius: 20px;}
		.rounded_md { border-radius: 50px;}
		.rounded_lg { border-radius: 70px;}				
		
		.mt-10 {margin-top: 0.625rem !important;}
		.mt-20 {margin-top: 1.25rem  !important;}
		.mt-30 {margin-top: 1.875rem !important;}
		.mt-40 {margin-top: 2.5rem   !important;}
		.mt-50 {margin-top: 3rem     !important;}
		
		.mb-10 {margin-bottom: 0.625rem !important;}    
		.mb-20 {margin-bottom: 1.25rem  !important;}     
		.mb-30 {margin-bottom: 1.875rem !important;}    
		.mb-40 {margin-bottom: 2.5rem   !important;}      
		.mb-50 {margin-bottom: 3rem     !important;}  
		            
		.mx-10 {margin-right: 0.625rem !important;	margin-left: 0.625rem !important;}    
		.mx-20 {margin-right: 1.25rem  !important;	margin-left: 1.25rem !important;}     
		.mx-30 {margin-right: 1.875rem !important;	margin-left: 1.875rem !important;}         
		.mx-40 {margin-right: 2.5rem  	!important;	margin-left: 2.5rem !important;}     
		.mx-50 {margin-right: 3rem 	  	!important;	margin-left: 3rem !important;}         
		.mx-auto {margin-right: auto  	!important;	margin-left: auto !important;}     
		                                                                             
		.my-10 {	margin-top: 0.625rem !important;	margin-bottom: 0.625rem  !important;}    
		.my-20 {	margin-top: 1.25rem  !important;	margin-bottom: 1.25rem   !important;}     
		.my-30 {	margin-top: 1.875rem !important;	margin-bottom: 1.875rem  !important;}         
		.my-40 {	margin-top: 2.5rem   !important;	margin-bottom: 2.5rem    !important;}     
		.my-50 {	margin-top: 3rem     !important;	margin-bottom: 3rem 	  !important;}         
		.my-auto {	margin-top: auto !important;		margin-bottom: auto !important;}     
   		
		.pt-10 {padding-top: 0.625rem !important;}    
		.pt-20 {padding-top: 1.25rem !important;}     
		.pt-30 {padding-top: 1.875rem !important;}    
		.pt-40 {padding-top: 2.5rem !important;}      
		.pt-50 {padding-top: 3rem !important;}        
		
		.pb-10 {padding-bottom: 0.625rem !important;}    
		.pb-20 {padding-bottom: 1.25rem !important;}     
		.pb-30 {padding-bottom: 1.875rem !important;}    
		.pb-40 {padding-bottom: 2.5rem !important;}      
		.pb-50 {padding-bottom: 3rem !important;}        
		
		.mx-10 {padding-right: 0.625rem !important;	padding-left: 0.625rem !important;}    
		.mx-20 {padding-right: 1.25rem  !important;	padding-left: 1.25rem !important;}     
		.mx-30 {padding-right: 1.875rem !important;	padding-left: 1.875rem !important;}         
		.mx-40 {padding-right: 2.5rem  	!important;	padding-left: 2.5rem !important;}     
		.mx-50 {padding-right: 3rem 	  	!important;	padding-left: 3rem !important;}         
		.mx-auto {padding-right: auto  	!important;	padding-left: auto !important;}     
		                                                                             
		.my-10 {	padding-top: 0.625rem !important;	padding-bottom: 0.625rem  !important;}    
		.my-20 {	padding-top: 1.25rem  !important;	padding-bottom: 1.25rem   !important;}     
		.my-30 {	padding-top: 1.875rem !important;	padding-bottom: 1.875rem  !important;}         
		.my-40 {	padding-top: 2.5rem   !important;	padding-bottom: 2.5rem    !important;}     
		.my-50 {	padding-top: 3rem     !important;	padding-bottom: 3rem 	  !important;}         
		.my-auto {	padding-top: auto !important;		padding-bottom: auto !important;}     
		
		
@media screen and (min-width:768px) and (max-width: 1023px) {
	
}			

@media screen and (max-width:767px){
		
		.p_show   { display:none !important;}
		.m_show   { display:block !important;}

}


/*
body {font-family: 'Pretendard', 'Malgun Gothic', sans-serif;}
*/