@charset "utf-8";

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

/* Sub head box start*/  
#container > .sub_contbox {width:100%; margin:0px auto;max-width:1240px; padding:0 20px 30px 20px;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:960px) {
#container{min-height:calc(100% - 243px);}   
#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; } 	
}	 
@media (max-width:767px) {
#container{min-height:calc(100% - 242px);border: 1px solid #d7d7d7 !important;background: #fff;width: calc(100% - 20px); margin-left: 10px;} 
#container > .sub_contbox {padding: 0;}
#container > .sub_contbox > div.sub_headbox{height:35px; line-height:35px !important;border-bottom: 1px solid #d7d7d7; }
#container > .sub_contbox > div.sub_headbox > h2 {font-size:15px; line-height:35px;padding:0 10px;}  
}/*Sub head box end*/