/* 
################################################################################
 개요 : 코리아레이스 기본(Base) 스타일
 작성 : 2015.07.01 
 참고 : 1. 들여쓰기 Column 4
        2. 여백, 두께, 폭, 높이, 위치 지정 -> 폰트 지정 -> 배경/색상 지정 -> 기타         
 참조 : <link rel="stylesheet" type="text/css" href="/css/styleBase.css" />
################################################################################
*/
/* 나눔고딕 구글 웹폰트 */
/*@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);*/


/* Noto Sans KR - 구글폰트 100,200,300,400,500,600,700,800,900 */
   @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400&display=swap');
   @font-face {
      font-family: 'Noto Sans KR', sans-serif;
   }

/* 기본 폰트 적용 */
body, h1, h2, h3, h4, h5, h6, p, span, div, a, th, td, font {
    font-family: 'Noto Sans KR', 'NanumBarunGothic', '나눔고딕', 'NanumGothic';   /* font-family: 맑은고딕, malgungothic;  */
}


body 
{   
    /* 여백, 두께, 폭, 높이, 위치 지정 */
    padding: 0;
    margin:  0 auto;
    
    /* 폰트 지정           */
    font-size: 0.75em; 
   
    
    /* 배경 색상 지정      */
    /* background-color: #ffffff;  */
    color: #000000;    
    
	background-color:#ffffff;
	
    /* 스크롤바 색상 지정  */
    scrollbar-highlight-color:  #cccccc; 
    scrollbar-shadow-color:     #cccccc; 
    scrollbar-arrow-color:      #cccccc; 
    scrollbar-face-color:       #ffffff; 
    scrollbar-3dlight-color:    #ffffff; 
    scrollbar-darkshadow-color: #ffffff; 
    scrollbar-track-color:      #ffffff; 
}
	
	img {
			border: 0px;
	}


    /*div {
	    border : solid 1px royalblue;
	}*/
	
	

    /* 태그스타일 지정 : div */
    div
    {
        
        border: 0px none #f0f0f0;
    	/* text-align: center;    */

        font-size: 10pt; 
    }

    /* 태그 스타일 지정 : a  */
    a
    {
        
        font-size: 10pt;
        cursor:pointer;         
    }
    
    a:link    
    {        
        color:#000;
        text-decoration:none; 
    }
    a:visited 
    { 
        color: #000;
        text-decoration: none;                            
    }
    a:hover   
    {          
        color:#000; 
        text-decoration: underline;
        cursor: hand;      
    }

	select,option,input,font {font-family: 'Noto Sans KR', 'NanumBarunGothic', '나눔고딕', 'NanumGothic';   /* font-family: 맑은고딕, malgungothic;  */}   /* span 태그는 생략 */

    /* 태그 스타일 지정 : p  */
    p {
        /* 게시물 내부 폰트 변형으로 임시 막음  2013.11.08
           padding: 0;  
           margin: 5;    
        */

        /* 게시물 내부 폰트 변형으로 임시 막음
        font-size: 9pt;   게시물 내부 에러로 임시 막음
        font-family: 'dotum', Verdana, AppleGothic,Sans-Serif; 
        */ 
    }
        
    ul,li
    {
        list-style:none; 
        /*
        display:inline;
        margin:0;
        */
        padding:0px;
    }

    
    /* 태그 스타일 지정 : table  */
    table
    {
        margin  : 0 auto;
        padding : 0 auto;
        
    }        
        /* 태그 스타일 지정 : tr  */
        tr 
        {
        } 
        
        /* 태그 스타일 지정 : th  */
        th 
        {
            text-align:left;
            font-size : 11pt;            
            line-height: 20px;
        }
                    
        /* 태그 스타일 지정 : td  */
        td 
        {   text-align:left;
            font-size : 10pt;            
            line-height:20px;
        }   


/* 사이트 전체 컨텐츠 배치용 기본 클래스 */
    .csBasicArea {
        width: 1000px;     /*  고정길이 레이아웃 구성 */    
        margin-left: auto;
        margin-right: auto;            
    }	
    
    
    .csBasicArea ul {
    	list-style:none;
    	padding-left:0px;
    	clear:both;
    }
    
    .csBasicArea li {
    	float:left;
    	padding:0;
    }
    
    #idPage
    {
    	margin:0 auto;
    	width:100%;
    }  
 

/* 탭 영역용 스타일 선언   */ 
	.csTabArea    { width:100%;border-bottom:2px solid #000000;margin:15px auto;         }

	.csTabArea UL { padding:0px;margin:0px;list-style:none;text-align:center;
					height:40px;font-family: 'Noto Sans','Malgun Gothic','맑은고딕','dotum','돋움','Gulim',AppleGothic,sans-serif;display:inline-block; } 

    .csTabWrap LI { float:left;  list-style-type: none; line-height:26px;width:120px;
    				vertical-align: middle;text-align:center;font-size:10pt;   } 

    /* 택 선택/비선택 관련 스타일 */
    .csTabOff	  { padding:7px 0px 5px 0px; border:1px solid #d0d0d0;background:#FFFFFF;}
    .csTabOn      { padding:9px 0px 5px 0px; color:white;background:#000000;             }
    .csTabOn   A  { color:white; }

/* 라운딩 처리 */
    .csCircleBase {
        text-align:center;padding:2px;
        border:solid 1px #d0d0d0;background:#f0f0f0;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius:    10px;
        
        behavior: url(/Css/PIE.htc); /*  remove if you don't care about IE8 */
    }     

.csFlexCenter{display: flex; align-items: center; justify-content: center;}