@charset "utf-8";

/*empty css*/
#m_header{height:20px !important; padding:0 !important;}       
.top_navbar, .top_navbar .navbar-collapse{margin-top:0 !important;} 

html, body{height:100%; min-width:320px; } 
/*****************************/
/* Sub Section css*/
/*****************************/
#container{position:relative;width:100%; height:auto; background:#fff; }

/* Sub head box start*/  
#container > .sub_contbox {width:100%; margin:0px auto;max-width:1240px; padding:0;overflow:auto; } 
#container > .sub_contbox > div.sub_headbox{width:100%; height:100px; }
#container > .sub_contbox > div.sub_headbox > h2 {font-size:25px; float:left;color:#000;line-height:100px;font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}
#container > .sub_contbox > div.sub_headbox > div{text-align:right;line-height:100px; }
#container > .sub_contbox > div.sub_headbox > div .end{font-family:'Open Sans' , 'Nanum Gothic' , '나눔고딕';font-weight:600;}
#container > .sub_contbox > .sub_content{width:100%; height:auto;} 

@media (max-width:767px) {

#container > .sub_contbox {padding:0 0 20px 0;}
#container > .sub_contbox > div.sub_headbox{height:35px; line-height:35px !important;  }
#container > .sub_contbox > div.sub_headbox > h2 {font-size:15px; line-height:35px;padding:0 10px;}  

}


@media (min-width:768px) and (max-width:960px) {/*44444*/

#container{min-height:calc(100% - 341px); } 
#container > .sub_contbox > div.sub_headbox{ height:80px;padding: 0 0; margin: 0 auto;}
#container > .sub_contbox > div.sub_headbox > h2 {font-size:20px; line-height:80px;}
#container > .sub_contbox > div.sub_headbox > div{line-height:80px; } 
}/*Sub head box end*/