@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% - 335px);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 {width:100%; margin:0px auto;max-width:1240px; padding:0 20px 30px 20px;}
#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 a{color:#666;}   
#container > .sub_contbox > div.sub_headbox > div .end{font-weight:600;}
#container > .sub_contbox > .sub_content{width:100%; height:auto;} 
@media (max-width:1200px){#container{min-height:calc(100% - 311px);}} 
@media (max-width:960px) {
#container{min-height:calc(100% - 343px);}  
#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% - 240px); 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;}  
#footer{border-top:none; } 
}

}/*Sub head box end*/