/*reset*/
*{margin:0;padding:0;}
body{width:100%;}

/*blue theme start*/
.blue_label{color:#4caad8 !important;}
.blue_btn{background-color:#357acd !important;border:none !important;color:white !important;}
.blue_input{border-color:#69c6eb !important;color:#777777 !important;}
/*blue theme end*/

/*gray theme start*/
.gray_label{color:#505050 !important;}
.gray_btn{background-color:#aeaeae !important;border:none !important;color:white !important;}
.gray_input{border-color:#d9d9d9 !important;color:#777777 !important;}
/*gray theme end*/

/*divSize*/
.div60{height:60px;}
.div70{height:70px;}
.div90{height:90px;}
.div110{height:110px;}
.div130{height:130px;}
.div140{height:140px;}
.div150{height:150px;}
.div160{height:160px;}
.lastDiv{width:100% !important;}
.searchBtn{display:table;float:right;margin-right:15px;}
.middleBtn{display:table-cell; width:100%; vertical-align:middle; padding: 10px;}

/*wrapper*/
.wrapper{width:100%;}

/*header*/
.header{
	width:100%;
	height:70px;
	padding-top:10px;
	background-color:#346cb0;
	border-bottom:1px solid #e7e7e7;
}
.header > h3{
	color:#fff;
	margin-left:10px;
	padding:0 !important;
	display:inline;
}
#slideBtn{
	display:none;
	float:right;
	width:50px;
	height:30px;
	color:#fff;
	background-color:transparent;
	border:1px solid #ddd;
	border-radius:5px;
	margin-right:20px;
}

/*menu*/
.gnb{float:left;z-index:999;display:block;}
.gnb > div > ul li{text-align:center;}



/*demoMain start*/
/*content*/
.main_cont{
	float:left;
	background-color:#f8f9fa;
	padding-bottom:50px !important;
	border-left:1px solid #e7e7e7;
}
.title_area{padding:20px 0 10px 0;}
.title_area > h3{
	padding-bottom:15px;
	border-bottom:1px solid #eee;
	color:#555555;
}

/*form_cont*/
.search_area{
	padding:10px;
	margin:0 0px 30px 10px;
	border: 2px solid #357acd;
	float:left;
	background:#f8f8f8;
	width:95%; /* 구식브라우저 */
    width: -webkit-calc(100% - 20px); /* Chrome & safari */
    width:-moz-    calc(100% - 20px); /* Firefox */
    width:         calc(100% - 20px); /* IE */
}

/*search form 기본형*/
.search_basic{
	padding:15px 20px;
    margin:20px 0;
	border: 2px solid #357acd;
	float:left;
    box-sizing: border-box;
	background:#f8f8f8;
    overflow: hidden;
	width:100%; /* 구식브라우저 */
    width: -webkit-calc(100% - 0px); /* Chrome & safari */
    width:-moz-    calc(100% - 0px); /* Firefox */
    width:         calc(100% - 0px); /* IE */
}

.search_basic label {width:80px; padding:0 10px; display: inline-block; box-sizing: border-box; font-size: 13px; font-weight: bold;}
.search_basic span {float: left; margin: 5px 0;}
.search_basic span + span {float: right;}


.basic {position: relative; overflow: hidden;}
.basic button.btn {background: #357acd; border: 0; color: #fff;}


.compDiv{
	display:table;
	clear:both;
	float:left;
	margin:5px 0;
}
.compDiv_fixed{
	display:table;
	width:100% !important;
	height:auto !important;
	clear:both;
	float:left;
	margin:5px 0;
	border-bottom:1px solid #efefef;
	border-top:1px solid #efefef;
}

.sch_label{
	display:table-cell;
	width:30%;
	text-align:center;
	vertical-align:middle;
}
.sch_cont{
	display:table-cell;
	padding:10px 0;
	width:70%;
	vertical-align:middle;
}

/*grid_cont*/
.subTitle_area{float:left;width:100%;}
.subTitle_area > h4{padding:0;color:#555555;text-align:left;float:left;}
.subTitle_area > .btn_area{margin:0;text-align:right;float:right;}
.subTitle_area > .btn_area > .btn_navy{background-color:#aeaeae;color:white;border:none;}
/*demoMain end*/


/*addProject start*/
/*temptype_wrap*/
#temptype_wrap{
	width:100%;
	display:inline-block;
    overflow: hidden;
	/*float:left;*/
}
.title_area > .btn_area{
	padding:0 20px;
	text-align:right;
}

/*tableDetail_area
.tableDetail_area{
	float:left;
	width:100%;
	padding:10px;
	border: 1px solid rgba(0, 0, 0, 0.125);
	border-radius:.5rem;
	background:#fff;
	box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
	-webkit-box-shadow:0px 5px 20px 0px rgba(219, 219, 219, 0.55);
}
*/


/*footer*/
.footer{
	width:100%;
	padding:30px 0;
	background-color:#1b2025;
	color:#737272;
	float:left;
	text-align:center;
}

 /*textBox textarea*/
.textBox {width: 100%; display: block; border: 1px solid #ccc; border-radius: 3px; margin-top: 5px; min-height: 100px; overflow: auto; background: #eee; font-size: 13px; line-height: 16px; resize: none; padding: 5px;}

@media all and (max-width:480px){
    
     /* search_basic */
    .search_basic span label {width: 100%; padding:5px; }
    .search_basic select {width: 100%;}
    .search_basic button {width: 100%; margin-top: 10px;}
    .search_basic span {width:100%;}
    .search_basic input {width: 100%; margin: 5px 0;}
    
}


/* Mobile – 780px 이하 해상도에서 해석하는 코드 */
@media all and (max-width:767px){
    /*  메뉴  */
	.gnb{width:100%;display:none;}
	
	.main_cont{width:100%;padding:0 1%;}
		
	#slideBtn{display:block;}
    
    /*  기본 form 정의  */
	.compDiv{width:100%;height:auto !important;}
	.sch_cont{padding:0; width:100%;}
    .sb-selectbox {min-width: 90%;}
	.subTitle_area > h4{padding:0 0 0 5px;}
    
    /*  basic 기본형 조회 버튼  */
    .searchBtn{width:100%; float: left;}
    .basic button.btn {width: 100%; margin: 3px 0;}
    .search_basic span + span {float: left;}
    

    
   
}

/* Tablet & Desktop – 768px 이상 1024px 이하 해상도에서 해석하는 코드 */
@media all and (min-width: 768px) and (max-width:1024px){
    /*  메뉴  */
	.gnb{width:200px;display:block !important;}
	

	
     /*  기본 form 정의  */
	.compDiv{width:100%;height:auto !important;}
	.sch_label{width:20%;}
	.sch_cont{width:80%; padding:0;}
    .sb-selectbox {min-width: 90%;}
}

/* Desktop – 1025px 이상 해상도에서 해석하는 코드 */
@media all and (min-width:1025px){
    /*  메뉴  */
	.gnb{width:220px;display:block !important;}
	
	.main_cont{width:95%; /* 구식브라우저 */
        width:        calc(100% - 220px); /* IE */
        width:-webkit-calc(100% - 220px); /* Chrome & safari */
        width:-moz-   calc(100% - 220px); /* Firefox */
        padding:0 2%;}
        
	
     /*  기본 form 정의  */
	.compDiv{width:calc(30% - 10px);  margin-right:10px;clear:none;}
	.sch_label{width:20%;}
	.sch_cont{width:80%;}
    .sb-selectbox {min-width: 90%;}
  
    
   
    
}