

#td_wrap{width:100%; height:100%;  /* background-color:#f9f9f9; */}
	#td_content{width:100%; min-width:900px; margin:auto; height:100%; /* background-color:#efefef; */}
		#td_header{ width:calc(100% - 2px);  height:35px; margin:1px; /* background-color:#ffffcc; */}
			#td_logo{float:left; /* background-color:#ccffff; */ padding-top:3px;}
			#td_gnb{float:right; }

		#td_sort{  min-height:28px;  background-color:#dfe3e6;  margin:4px 1px; border:1px solid #909397;  
		-moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; padding:2px 0 1px 0 !important;}
		#td_sort > .sort_form > fieldset > ul { /*width:1024px; float:left;*/ clear:both;}
		#td_sort > .sort_form > fieldset > ul > li > input {border-color:#909397 !important; }	
		#td_sort > .sort_form > fieldset > ul > li > select {border-color:#909397 !important;}
		#td_sort > .sort_form > fieldset > ul > li > input[type="checkbox"] {border-color:#909397 !important;line-height:22px !important; }
			/* 상단 구분 박스 부분의 넓이 설정, height는 자동으로 조정 */
			.sort_100 { width:calc(100% - 2px); }
			.sort_50 { width:calc(50% - 2px); float:left;}
			.sort_66 { width:calc(66.66% - 2px); float:left;}
			.sort_33 { width:calc(33.33% - 2px); float:left;}
			.sort_25 { width:calc(25% - 2px); float:left;}

		#td_main{ width:100%; /*min-height:600px;*/}
			#td_main section { /* background-color:#33ffff; */ float:left; /*margin:1px;*/ border:1px solid #666; position:relative;
			   -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box;
			
			}

			/* 2px을 빼준 것은 border값과 margin값을 합한 값을 빼준것임 */
			/* 출력부분이 1/2로 나누어 질 경우 bis를 쓴다. 
				w = width | h = height | 1 = 50% | 2 = 100%
			*/
			#td_main section.bis_w2_h2 {width:calc(100% - 2px); height:calc(100% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bis_w1_h2 {width:calc(50% - 2px);  height:calc(100% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bis_w2_h1 {width:calc(100% - 2px); height:calc(50% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bis_w1_h1 {width:calc(50% - 2px);  height:calc(50% - 2px); /*명준추가*/ box-sizing:border-box}

			/* 출력부분이 1/3 , 2/3로 나누어 질 경우 tri를 쓴다. 
				w = width | h = height | 1 = 1/3 | 2 = 2/3 | 3= 3/3
			*/
			#td_main section.tri_w3_h2 {width:calc(100% - 2px);  height:calc(66.66% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w3_h1 {width:calc(100% - 2px);  height:calc(33.33% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w3_h3 {width:calc(100% - 2px);  height:calc(100% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w3_h1 {width:calc(100% - 2px);  height:calc(33.33% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w2_h3 {width:calc(66.66% - 2px);  height:calc(100% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w2_h2 {width:calc(66.66% - 2px);  height:calc(66.66% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w2_h1 {width:calc(66.66% - 2px);  height:calc(33.33% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w1_h3 {width:calc(33.33% - 2px);  height:calc(100% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w1_h2 {width:calc(33.33% - 2px);  height:calc(66.66% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.tri_w1_h1 {width:calc(33.33% - 2px);  height:calc(33.33% - 2px); /*명준추가*/ box-sizing:border-box}

			/* 출력부분이 1/3 , 2/3로 나누어 질 경우 tri를 쓴다. 

			*/
			#td_main section.bitri_w2_h2 {width:calc(50% - 2px);  height:calc(66.66% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bitri_w2_h1 {width:calc(50% - 2px);  height:calc(33.33% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bitri_w2_h2 {width:calc(66.66% - 2px);  height:calc(50% - 2px); /*명준추가*/ box-sizing:border-box}
			#td_main section.bitri_w1_h2 {width:calc(33.33% - 2px);  height:calc(50% - 2px); /*명준추가*/ box-sizing:border-box}

			#td_header:after,#td_main:after {content:"";  display:block; height:0;clear:both;} 


			/* 출력부분이 높이 한줄 짜리나 탭메뉴가 메인에 들어 갈 경우

			*/
			#td_main section.bis_tab_w1   {width:calc(50% - 2px);  min-height:35px;}
			#td_main section.bis_tab_w2   {width:calc(100% - 2px); /*min-height:35px;*/}
			#td_main section.tri_tab_w1   {width:calc(33.33% - 2px); min-height:35px;}
			#td_main section.tri_tab_w2   {width:calc(66.66% - 2px); min-height:35px;}
			#td_main section.bis_tab_body_w1   {width:calc(50% - 2px);  height:42%;}
			#td_main section.bis_tab_body_w2   {width:calc(100% - 2px);  height:42%;}
			#td_main section.tri_tab_body_w1   {width:calc(33.33% - 2px);  height:42%;}
			#td_main section.tri_tab_body_w2   {width:calc(66.66% - 2px);  height:42%;}

				
			
			