@media screen and (max-width:1200px) {

#hd, #wrapper, #ft {min-width:100%}	   
#hd_pop,	#hd_wrapper,	   #tnb .inner,#container_wr,	 #ft_copy {width:100%}

	#tnb ul { width: 100%; }
	#hd_wrapper { width: 100%; margin: auto; height:100px;  }

	#logo {width: calc(100% - 20px);  float:left;padding:0 0 0 20px;}
	#logo > span { display: block; float: right; cursor: pointer; font-size: 25px; color:#fff; margin-top:20px;}
	#gnb { display: none; }

	#container_wr {width:100%; }
	#aside {display:block; position: fixed; left: -305px; top: 0px; margin: 0px; z-index: 1000; overflow-y: auto; }
	.close_menu { position: fixed; display: block; height: 0px; z-index: 1100; top: 0; left: -30px }
	.close_menu > i { font-size: 40px; cursor: pointer; }
	.mobile_menu { display: block; }

	#container {width: calc(100% - 20px); margin:10px 10px;}

	#ft_wr {width:100%;}


	.mobile_menu { }
	.mobile_menu > ul { padding-bottom: 15px;  }
	.mobile_menu > ul > li { 
		position: relative; width: 100%; padding: 15px 0;

	}
	.mobile_menu > ul > li > a {color: #fff; padding: 0 15px;}
	.mobile_menu > ul > li > i { position: absolute; right: 10px; color: #fff; font-size: 20px; cursor: pointer;}
	.mobile_menu > ul > li > ul { display: none; margin-top: 15px; background:rgba(230, 140, 0, 0.9); padding-bottom: 10px; }
	.mobile_menu > ul > li > ul > li { width: 100%;  padding: 10px 15px 0px 15px;}	  
	.mobile_menu > ul > li > ul > li > i { position: absolute; right: 10px; color: #fff; font-size: 10px; cursor: pointer;}
	.mobile_menu > ul > li > ul > li > a {color:#fff; }
	.mobile_menu > ul > li > ul > li > a:hover { font-weight: 700; }

.idx_business h2 {font-size:2em; margin:120px 0 10px;}			  
.idx_business ul {width:100%;}  

.idx_contact{padding:30px 0; font-size:0.8em;}	
.idx_contact h2 {font-size:2em; margin:100px 0 10px;}	
.idx_contact ul li p {font-size:1.1em; font-weight:700;  color:#fff; }	
.idx_contact ul li {background:90%;}

.sub011{height:auto;margin:0;}
.sub011 div{ font-size:2em; }
.sub011 img {margin:0;}

.sub021 {padding:30px;}
.sub021 ul {margin:20px 0 50px 20px; }

.sub022 {}
.sub022 ul li p {font-size:1.2em; font-weight:700; color:#132b5b; margin-bottom:20px; padding-bottom:20px; border-bottom:1px dashed #ccc;}
.sub022 ul li {width:calc(100% - 20px); margin:10px;padding:20px;}
.sub022 ul li:first-child{margin:10px;} 
}



@media screen and (max-width:700px) {
	#tnb ul { width: 100%; }
	#hd_wrapper { height: 100px; }

	.idx_business {width:100%; height:800px; }
	.idx_business ul li { margin:5px 0;}
	.idx_business ul li  div{width:120px; height:120px; padding:40px 0;font-size:1em;}


}


@media screen and (max-width:600px) {
	.lt_wr{width:100% !important; margin-left: 0px !important; }
}

 [class*="col-"]{/* col- 로 시작하는..*/
  float: left;
  padding: 5px;  
  }
 .row:after{ /*row클래스는 컨텐츠는 없지만 자신이 떠있음. 자신뒤는 문을 닫음.*/
  content: "";
  clear: both;/*위에서 float:left를 줬기 때문에 footer도 영향을 받는데 clear:both를 함으로써 아래쪽으로 내려감.*/
  display: block;
 }

.plno {    padding-left: 0px;}		 
.prno {    padding-right: 0px;}

 /*12개의 그리드 분할*/
 .col-1{width:8.33%;}
 .col-2{width:16.66%;}
 .col-3{width:25%;}
 .col-4{width:33.33%;}
 .col-5{width:41.66%;}
 .col-6{width:50%;}
 .col-7{width:58.33%;}
 .col-8{width:66.66%;}
 .col-9{width:75%;}
 .col-10{width:83.33%;}
 .col-11{width:91.66%;}
 .col-12{width:100%;}			   

 @media screen and (max-width: 1100px){
 .col-xl-1{width:8.33%;}
 .col-xl-2{width:16.66%;}
 .col-xl-3{width:25%;}
 .col-xl-4{width:33.33%;}
 .col-xl-5{width:41.66%;}
 .col-xl-6{width:50%;}
 .col-xl-7{width:58.33%;}
 .col-xl-8{width:66.66%;}
 .col-xl-9{width:75%;}
 .col-xl-10{width:83.33%;}
 .col-xl-11{width:91.66%;}
 .col-xl-12{width:100%;}
 }	 

 @media screen and (max-width: 960px){
 .col-lg-1{width:8.33%;}
 .col-lg-2{width:16.66%;}
 .col-lg-3{width:25%;}
 .col-lg-4{width:33.33%;}
 .col-lg-5{width:41.66%;}
 .col-lg-6{width:50%;}
 .col-lg-7{width:58.33%;}
 .col-lg-8{width:66.66%;}
 .col-lg-9{width:75%;}
 .col-lg-10{width:83.33%;}
 .col-lg-11{width:91.66%;}
 .col-lg-12{width:100%;}
 }

 @media screen and (max-width: 720px){
 .col-md-1{width:8.33%;}
 .col-md-2{width:16.66%;}
 .col-md-3{width:25%;}
 .col-md-4{width:33.33%;}
 .col-md-5{width:41.66%;}
 .col-md-6{width:50%;}
 .col-md-7{width:58.33%;}
 .col-md-8{width:66.66%;}
 .col-md-9{width:75%;}
 .col-md-10{width:83.33%;}
 .col-md-11{width:91.66%;}
 .col-md-12{width:100%;}
 }

 @media screen and (max-width: 576px){
 .col-sm-1{width:8.33%;}
 .col-sm-2{width:16.66%;}
 .col-sm-3{width:25%;}
 .col-sm-4{width:33.33%;}
 .col-sm-5{width:41.66%;}
 .col-sm-6{width:50%;}
 .col-sm-7{width:58.33%;}
 .col-sm-8{width:66.66%;}
 .col-sm-9{width:75%;}
 .col-sm-10{width:83.33%;}
 .col-sm-11{width:91.66%;}
 .col-sm-12{width:100%;}	  
 }